API tools faq
paste
Advertisement
feiinho

calypso

feiinho
Oct 6th, 2014
355
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 66.82 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!--[if lt IE 7]><html class="lt-ie10 lt-ie9 lt-ie8 lt-ie7"><![endif]-->
  3. <!--[if IE 7]><html class="lt-ie10 lt-ie9 lt-ie8"><![endif]-->
  4. <!--[if IE 8]><html class="lt-ie10 lt-ie9"> <![endif]-->
  5. <!--[if IE 9]><html class="lt-ie10"> <![endif]-->
  6. <!--[if gt IE 9]><!--> <html> <!--<![endif]-->
  7. <head>
  8. {MobileAppHeaders}
  9. <meta charset="utf-8">
  10. <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
  11. {block:Description}
  12. <meta name="description" content="{MetaDescription}">
  13. {/block:Description}
  14.  
  15. <!-- Theme Defaults -->
  16. <meta name="Title font" content="Helvetica Neue">
  17. <meta name="Title font weight" content="normal" title="Normal">
  18. <meta name="Title font weight" content="bold" title="Bold">
  19. <meta name="Body font" content="Helvetica Neue">
  20. <meta name="Background color" content="#ffffff">
  21. <meta name="Title color" content="#000000">
  22. <meta name="Link color" content="#2A5DB0">
  23. <meta name="Header image" content="">
  24. <!--CUSTOM ATTRIBUTES-->
  25. <meta name="image:Background image" content="">
  26. <meta name="color:Content background color" content="#ffffff">
  27. <meta name="color:Body color" content="#3a3b3c">
  28. <meta name="color:Tags color" content="#9a9a9a">
  29. <meta name="color:Header background color" content="#ffffff">
  30. <meta name="color:Post title color" content="#000000">
  31. <meta name="color:Post background color" content="#ebebeb">
  32. <meta name="color:Horizontal rule color" content="#e0e0e0">
  33. <meta name="text:Navigation background color" content="rgba(0,0,0,0.6)">
  34. <meta name="color:Navigation color" content="#ffffff">
  35. <meta name="color:Navigation hover color" content="#a6a6a6">
  36. <meta name="text:Featured Yahoo channel" content="">
  37. <meta name="text:Yahoo channel strips" content="">
  38.  
  39. <meta name="color:Yahoo content text color" content="#0d0d0d">
  40. <meta name="color:Yahoo content alt text color" content="#0d0d0d">
  41. <!--end CUSTOM ATTRIBUTES-->
  42.  
  43. <meta name="if:Stretch header image" content="1">
  44. <meta name="if:Collapse navigation" content="1">
  45. <meta name="if:Show description" content="1">
  46. <meta name="if:Show title" content="1">
  47. <meta name="if:Show avatar" content="1">
  48. <meta name="if:Show header image" content="1">
  49. <meta name="if:Endless scrolling" content="1">
  50.  
  51. <meta name="select:Avatar style" content="circle" title="Circle">
  52. <meta name="select:Avatar style" content="square" title="Square">
  53.  
  54. <meta name="select:Layout" content="grid" title="Grid">
  55. <meta name="select:Layout" content="regular" title="Regular">
  56. <meta name="select:Layout" content="narrow" title="Narrow">
  57.  
  58. <meta name="text:Disqus shortname" content="">
  59. <meta name="text:Google analytics ID" content="">
  60. <meta name="text:Facebook" content="">
  61. <meta name="text:Instagram" content="">
  62.  
  63. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  64. <meta name="apple-mobile-web-app-capable" content="yes">
  65. <link rel="shortcut icon" href="{Favicon}">
  66. <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
  67. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  68.  
  69. <link rel="stylesheet" href="http://static.tumblr.com/vr9xgox/PuGmmhqcs/normalize.css">
  70. <link rel="stylesheet" href="http://static.tumblr.com/vr9xgox/9Ljn20v9r/main.css">
  71.  
  72. <!-- HTML5 Shiv -->
  73. <!--[if lt IE 9]>
  74. <script src="http://static.tumblr.com/hriofhd/Qj0m8pn7q/html5shiv.js"></script>
  75. <![endif]-->
  76.  
  77. <style>
  78. @font-face{font-family:Guardian;src:url(http://static.tumblr.com/b93ynbt/MrYn2pbrt/guardiantextegyp-regular__1_.otf);}
  79. /* Colors */
  80. body {
  81. background: {BackgroundColor} url('{image:Background image}') 50% 0 fixed no-repeat;
  82. font-family: {BodyFont}, "Helvetica Neue", HelveticaNeue, Arial, sans-serif;
  83. color: {color:Body color};
  84. }
  85.  
  86. h1 {
  87. font-family: {TitleFont}, "Helvetica Neue", HelveticaNeue, Arial, sans-serif;
  88. font-weight: {TitleFontWeight};
  89. }
  90.  
  91. h2, .attribution-tags {
  92. font-family: {BodyFont}, "Helvetica Neue", HelveticaNeue, Arial, sans-serif;
  93. }
  94.  
  95. h1 a,
  96. #pagination a,
  97. .exposed-nav-wrapper li a,
  98. .sub-title,
  99. .search-header {
  100. color: {TitleColor};
  101. }
  102.  
  103. #pagination a.next:after {
  104. border-left-color: {TitleColor};
  105. }
  106.  
  107. #pagination a.previous:after {
  108. border-right-color: {TitleColor};
  109. }
  110.  
  111. .h-line {
  112. background: {TitleColor};
  113. }
  114.  
  115. a {
  116. color: {LinkColor};
  117. }
  118.  
  119. .link-wrapper h2 a {
  120. background-color: {color:Post background color};
  121. color: {color:Post title color};
  122. }
  123.  
  124. .header-image {
  125. background-image: url({HeaderImage});
  126. background-color: {color:Header background color};
  127.  
  128. }
  129. .no-image .header-image {
  130. background-image: none;
  131. }
  132.  
  133. .user-avatar {
  134. background-color: {BackgroundColor};
  135. border-color: {BackgroundColor};
  136. }
  137.  
  138. .avatar-style-square .user-avatar {
  139. -wekbit-box-shadow: 0 0 0 4px {BackgroundColor};
  140. -moz-box-shadow: 0 0 0 4px {BackgroundColor};
  141. box-shadow: 0 0 0 4px {BackgroundColor};
  142. }
  143.  
  144. .panel,
  145. #related-posts .panel {
  146. margin: 0 25px;
  147. }
  148.  
  149. .post-footer ul {
  150. margin-left: 0;
  151. margin-right: 0;
  152. }
  153.  
  154. article .attribution-tags li a,
  155. article .attribution-tags li,
  156. article .po st-date li,
  157. article .post-date a {
  158. color: {color:Tags color};
  159. font-size: 12px;
  160. }
  161.  
  162. .post-controls li .share {
  163. background: transparent url(http://static.tumblr.com/b93ynbt/WEwn2dxnk/tumblr_share.svg) 0 no-repeat;
  164. }
  165.  
  166. @media screen and (max-device-width: 568px) {
  167. .header-image {
  168. background-image: url({HeaderImage-1024});
  169. }
  170. }
  171.  
  172. /*--------------*/
  173.  
  174. #yst-content-container,
  175. #related-posts {
  176. width:100%;
  177. margin-left:auto;
  178. margin-right:auto;
  179. max-width:1080px;
  180. }
  181. #posts,
  182. #related-posts {
  183. background:{color:Content background color};
  184. }
  185. #related-posts {
  186. position: relative;
  187. }
  188. #footer {
  189. overflow: hidden;
  190. }
  191.  
  192. #header {
  193. position: relative;
  194. z-index: 3;
  195. overflow: visible;
  196. }
  197. .header-image-wrapper {
  198. overflow: visible;
  199. }
  200. .embed-outer-container {
  201. position: relative;
  202. z-index: 1;
  203. }
  204.  
  205. #header .header-image-wrapper {
  206. height:230px;
  207. }
  208.  
  209. #header .header-image-wrapper a.header-image {
  210. color: {TitleColor};
  211. text-decoration: none;
  212. position: relative;
  213. }
  214.  
  215. .header-image.cover {
  216. margin: 0;
  217. }
  218.  
  219. .no-image #header {
  220. margin-top: 0 !important;
  221. }
  222. #header .header-image-wrapper h1 {
  223. margin-top: 0;
  224. font-size: 80px;
  225. text-align: center;
  226. width: 100%;
  227. position: absolute;
  228. padding: 30px 0;
  229. margin: auto;
  230. }
  231.  
  232. .tumblr_theme_marker_blogtitle {
  233. vertical-align: middle;
  234. }
  235.  
  236. #header .header-image-wrapper .yst-nav-container {
  237. width:100%;
  238. background-color: {text:Navigation background color};
  239. position:absolute;
  240. bottom:0;
  241. left: 0px;
  242. min-height:45px;
  243. }
  244.  
  245. .yst-nav-container ul {
  246. float:left;
  247. margin:12px 0;
  248. padding:0;
  249. }
  250.  
  251. .yst-nav-container ul li {
  252. list-style:none;
  253. float:left;
  254. margin:0 18px;
  255. }
  256.  
  257. .yst-nav-container ul li a,
  258. .header-description {
  259. color:{color:Navigation color};
  260. font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  261. font-weight: bold;
  262. font-size:13px;
  263. text-decoration:none;
  264. }
  265.  
  266. .yst-nav-container .yst-search-container {
  267. float:right;
  268. margin:0 15px 0;
  269. }
  270.  
  271. .yst-nav-container .yst-search-container form#search {
  272. margin:11px 0;
  273. padding:0 0 0 5px;
  274. background: rgba(255,255,255,0.1);
  275. border:1px solid rgba(255,255,255,0.6);
  276. -webkit-border-radius: 4px;
  277. -moz-border-radius: 4px;
  278. border-radius: 4px;
  279. }
  280.  
  281. .yst-nav-container .yst-search-container form#search input {
  282. background:transparent;
  283. color:#fff;
  284. opacity: 1;
  285. font-weight: normal;
  286. }
  287.  
  288. .yst-nav-container .yst-search-container form#search input::-webkit-input-placeholder {
  289. color:#fff;
  290. opacity: 1;
  291. font-weight: normal;
  292. }
  293.  
  294. .yst-nav-container .yst-search-container form#search input:-moz-placeholder { /* Firefox 18- */
  295. color:#fff;
  296. opacity: 1;
  297. font-weight: normal;
  298. }
  299.  
  300. .yst-nav-container .yst-search-container form#search input::-moz-placeholder { /* Firefox 19+ */
  301. color:#fff;
  302. opacity: 1;
  303. font-weight: normal;
  304. }
  305.  
  306. .yst-nav-container .yst-search-container form#search input:-ms-input-placeholder {
  307. color:#fff;
  308. opacity: 1;
  309. font-weight: normal;
  310. }
  311.  
  312. .yst-nav-container .yst-search-container form#search button {
  313. background: url(https://secure.static.tumblr.com/b93ynbt/C7Wn2r9tm/search_icon.svg) no-repeat;
  314. opacity: 1;
  315. height: 16px;
  316. width: 16px;
  317. vertical-align: text-top;
  318. margin-right: 5px;
  319. }
  320.  
  321.  
  322. .index-page #posts article .post-wrapper,
  323. #related-posts article .post-wrapper{
  324. -webkit-border-radius: 0;
  325. -moz-border-radius: 0;
  326. border-radius: 0;
  327. -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  328. -moz-box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);
  329. box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);
  330. }
  331. .index-page #posts article.not-page .post-wrapper {
  332. background:{color:Post background color};
  333. }
  334.  
  335. #posts #related-posts article {
  336. margin: 0 15px 30px;
  337. }
  338.  
  339. .index-page.grid #posts article,
  340. .permalink.grid #related-posts article {
  341. width: 44%;
  342. width: -webkit-calc(50% - 40px);
  343. width: -moz-calc(50% - 40px);
  344. width: calc(50% - 40px);
  345. }
  346.  
  347. .content {
  348. padding: 0 10px;
  349. }
  350.  
  351. .index-page.grid #posts.masonry,
  352. .grid #related-posts.masonry {
  353. box-sizing: border-box;
  354. -moz-box-sizing: border-box;
  355. padding: 0 10px;
  356. }
  357.  
  358. #posts {
  359. margin-top: 30px;
  360. padding-top: 20px;
  361. padding-bottom: 20px;
  362. }
  363.  
  364. .permalink #posts {
  365. margin-top: 0;
  366. }
  367.  
  368. .permalink .content {
  369. width: 100%;
  370. max-width: 100%;
  371. padding: 0;
  372. }
  373.  
  374.  
  375. article.text h2,
  376. article.chat h2,
  377. article.video .caption h2,
  378. article.photo .caption h2,
  379. article:not(.link) h2,
  380. #related-posts .related-header,
  381.  
  382. .permalink #related-posts article.text h2,
  383. .permalink #related-posts article.chat h2,
  384. .permalink #related-posts article.video .caption h2,
  385. .permalink #related-posts article.photo .caption h2,
  386. .permalink #related-posts article:not(.link) h2 {
  387. font: normal 18px "Guardian", Georgia, serif;
  388. color: {color:Post title color} !important;
  389. padding-top: 5px;
  390. }
  391.  
  392. .conversation li {
  393. border-top: none;
  394. }
  395.  
  396. article.reblogged .caption > blockquote,
  397. article.reblogged.blockquote .reblogged {
  398. position: relative;
  399. margin-left: 40px;
  400. padding-left: 0;
  401. }
  402.  
  403. article.reblogged .caption > blockquote:before {
  404. content: '\201C';
  405. font: normal 80px "Guardian", Georgia, serif;
  406. color: #babbbc;
  407. display: block;
  408. position: absolute;
  409. top: -20px;
  410. left: -42px;
  411. }
  412.  
  413. article.text .body-text p,
  414. article.chat ul,
  415. article.video .caption p,
  416. article.photo .caption p,
  417. article.reblogged p {
  418. font: normal 13px/17px "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  419. color: {color:Body color};
  420. }
  421.  
  422. article.chat .label {
  423. font: normal 14px "Guardian", Georgia, serif;
  424. color: {color:Post title color};
  425. }
  426.  
  427. .permalink article.chat h2 {
  428. font-size: 28px;
  429. }
  430. .permalink article.chat ul {
  431. font-size: 15px;
  432. line-height: 22px;
  433. }
  434. .permalink article.chat .label {
  435. font-size: 16px;
  436. }
  437.  
  438. .permalink article.text h2,
  439. .permalink article.video .caption h2 {
  440. font-size: 28px;
  441. }
  442.  
  443. .permalink article.text .body-text p,
  444. .permalink article.video .caption .body-text p {
  445. font-size: 15px;
  446. line-height: 22px;
  447. }
  448.  
  449. article.quote blockquote,
  450. article.link .link-wrapper h2,
  451. .index-page.grid .link-wrapper h2 {
  452. font: normal 42px/48px "Guardian", Georgia, serif;
  453. color:{color:Post title color};
  454. }
  455.  
  456. article.link .link-wrapper .host,
  457. .index-page.grid .link-wrapper .host,
  458. article.quote .source {
  459. font: normal 16px "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  460. color:{color:Post title color};
  461. }
  462.  
  463. article.link .link-wrapper {
  464. padding: 60px 75px 60px 40px;
  465. position: relative;
  466. text-align: center;
  467. }
  468.  
  469. article.link .link-wrapper h2 a {
  470. padding: 0;
  471. }
  472.  
  473. article.link .link-wrapper:after {
  474. display: block;
  475. content: ' ';
  476. background-image: url(https://secure.static.tumblr.com/b93ynbt/Y7Qn2nkl0/tumblr_arrow_linkpost.svg);
  477. width: 40px;
  478. height: 71px;
  479. position: absolute;
  480. top: 0;
  481. right: 30px;
  482. bottom: 0;
  483. margin: auto;
  484. opacity: .3;
  485. }
  486.  
  487. article.link .link-wrapper h2 a:after {
  488. display: none;
  489. }
  490.  
  491. article.link .link-wrapper h2 a:hover {
  492. background-image: none;
  493. }
  494.  
  495. article.link .panel,
  496. article.link .attribution-tags {
  497. display: none !important;
  498. }
  499.  
  500.  
  501. .post .caption,
  502. .text .post,
  503. .chat .post,
  504. .quote .post,
  505. .permalink #related-posts .post .caption,
  506. .permalink #related-posts .text .post,
  507. .permalink #related-posts .chat .post,
  508. .permalink #related-posts .quote .post {
  509. margin: 20px 25px 15px;
  510. padding-left: 0;
  511. padding-top: 0;
  512. padding-right: 0;
  513. }
  514.  
  515. .reblog-link {
  516. padding-left: 0;
  517. }
  518. .reblog-link:before {
  519. display: none;
  520. }
  521.  
  522. article .meta li {
  523. display: inline;
  524. }
  525.  
  526. .post-footer ul.post-date {
  527. max-width: 100%;
  528. }
  529.  
  530. .permalink .post .caption,
  531. .permalink .text .post,
  532. .permalink .quote .post,
  533. .permalink .chat .post,
  534. .permalink .photoset .post {
  535. padding: 50px 92px 25px;
  536. margin: 0;
  537. }
  538.  
  539. .permalink #posts article {
  540. margin-bottom: 0;
  541. }
  542. .permalink article.not-page .post-wrapper {
  543. border: none;
  544. box-shadow: none;
  545. background-color: {color:Post background color};
  546. padding-bottom: 50px;
  547. }
  548.  
  549. .permalink article.not-page .panel {
  550. margin-bottom: 0;
  551. }
  552.  
  553. .permalink .panel .meta ul {
  554. margin-left: 0;
  555. }
  556.  
  557. .permalink .panel .post-controls ul {
  558. margin-right: 0;
  559. }
  560.  
  561. article .attribution-tags li a {
  562. font-size: 12px;
  563. line-height: 17px;
  564. }
  565.  
  566. article .attribution-tags li {
  567. margin-bottom: 0;
  568. }
  569.  
  570. .permalink article .attribution-tags,
  571. .permalink .panel,
  572. .notes-wrapper {
  573. margin-left: 92px;
  574. margin-right: 92px;
  575. }
  576. .permalink article.chat .attribution-tags {
  577. margin-left: 0;
  578. margin-right: 0;
  579. }
  580.  
  581. .notes-wrapper {
  582. margin-bottom: 0;
  583. margin-top: 0;
  584. border-top: 1px solid {color:Horizontal rule color};
  585. }
  586.  
  587. .permalink .quote .attribution-tags,
  588. .permalink article.text .attribution-tags{
  589. margin-left: 0;
  590. margin-right: 0;
  591. }
  592.  
  593. .permalink .panel {
  594. margin-bottom: 30px;
  595. }
  596.  
  597. .with-caption + .attribution-tags,
  598. #related-posts .with-caption + .attribution-tags {
  599. margin: 0 25px 15px;
  600. }
  601.  
  602. .panel {
  603. border-top: 1px solid {color:Horizontal rule color};
  604. }
  605.  
  606. .post-date-date {
  607. text-transform: uppercase;
  608. }
  609.  
  610. .post-date-notes a {
  611. font-weight: bold;
  612. }
  613. .post-date-date + .post-date-notes:before {
  614. content: ' | ';
  615. display: inline-block;
  616. color: {color:Tags color};
  617. }
  618.  
  619. .notes li {
  620. border-top: none;
  621. }
  622.  
  623. .notes .avatar {
  624. width: 12px;
  625. height: 12px;
  626. border-radius: none;
  627. }
  628.  
  629. .notes .action {
  630. font-size: 11px;
  631. text-transform: uppercase;
  632. color: {color:Tags color};
  633. }
  634.  
  635. .notes .action .tumblelog {
  636. text-transform: none;
  637. }
  638.  
  639. .notes .avatar_frame:after {
  640. display: none;
  641. }
  642. .notes .avatar_frame {
  643. margin-top: 0;
  644. }
  645.  
  646. #posts .post {
  647. -webkit-transform: none;
  648. -webkit-transition: none;
  649. -moz-transform: none;
  650. -moz-transition: none;
  651. transform: none;
  652. transition: none;
  653. margin-bottom: 0;
  654. }
  655.  
  656. #posts .panel, #posts .post-footer {
  657. z-index: 2;
  658. opacity: 1;
  659. filter: alpha(opacity = 100);
  660. -webkit-transform: none;
  661. -webkit-transition: none;
  662. -moz-transform: none;
  663. -moz-transition: none;
  664. transform: none;
  665. transition: none;
  666. }
  667.  
  668. #posts article {
  669. -webkit-transform: none;
  670. -webkit-transition: none;
  671. -moz-transform: none;
  672. -moz-transition: none;
  673. transform: none;
  674. transition: none;
  675. margin-bottom: 25px;
  676. }
  677.  
  678. .permalink .embed-outer-container,
  679. .unsupported-tag .ember-outer-container {
  680. display: none;
  681. }
  682. .embed-outer-container{
  683. position: relative;
  684. height: 0;
  685. padding-bottom: 58%;
  686. }
  687.  
  688. .embed-outer-container, .channel-strip {
  689. margin-bottom:25px;
  690. }
  691.  
  692. .embed-inner-container{
  693. position: absolute;
  694. top: 0;
  695. left: 0;
  696. right: 0;
  697. width: 100%;
  698. height: 100%;
  699. }
  700.  
  701. article.text:not(.not-page) img {
  702. max-width: 50%;
  703. /*float: left;*/
  704. margin: 0 30px 30px 0;
  705. padding: 20px 0;
  706. border-top: 1px solid {color:Horizontal rule color};
  707. border-bottom: 1px solid {color:Horizontal rule color};
  708. }
  709.  
  710. .nav-menu-wrapper {
  711. display: none;
  712. }
  713.  
  714. #above-nav-links {
  715. position: absolute;
  716. right: 10px;
  717. bottom: 50px;
  718. z-index: 2;
  719. }
  720.  
  721. #above-nav-links a {
  722. display: inline-block;
  723. color: {color:Navigation color};
  724. text-transform: uppercase;
  725. margin-bottom: 5px;
  726. text-decoration: none;
  727. text-align: center;
  728. vertical-align: middle;
  729. height: 20px
  730. width: 20px;
  731. }
  732.  
  733. #above-nav-links a.rss:before {
  734. background-image: url(http://static.tumblr.com/z7sexdb/DYan5bthz/rss_icon__1_.svg);
  735. content: ' ';
  736. display: inline-block;
  737. width: 20px;
  738. height: 20px;
  739. margin-right: 3px;
  740. repeat: no-repeat;
  741. }
  742.  
  743. #above-nav-links a.ask:before {
  744. background-image: url(http://static.tumblr.com/z7sexdb/UTDn5bpu3/ask_icon.svg);
  745. content: ' ';
  746. display: inline-block;
  747. width: 20px;
  748. height: 20px;
  749. margin-right: 3px;
  750. repeat: no-repeat;
  751. }
  752.  
  753. #above-nav-links a.submit:before {
  754. background-image: url(http://static.tumblr.com/z7sexdb/CCmn9hfpd/tumblr_submit.svg);
  755. content: ' ';
  756. display: inline-block;
  757. width: 20px;
  758. height: 20px;
  759. margin-right: 3px;
  760. repeat: no-repeat;
  761. background-size: 20px;
  762. }
  763.  
  764. #above-nav-links a.archive:before {
  765. background-image: url(http://static.tumblr.com/z7sexdb/3JXn5btgp/archive_icon.svg);
  766. content: ' ';
  767. display: inline-block;
  768. width: 20px;
  769. height: 20px;
  770. margin-right: 3px;
  771. repeat: no-repeat;
  772. }
  773.  
  774. #above-nav-links a.fb:before {
  775. background-image: url(http://static.tumblr.com/z7sexdb/nbOn5btnj/fb_icon.svg);
  776. content: ' ';
  777. display: inline-block;
  778. width: 20px;
  779. height: 20px;
  780. margin-right: 3px;
  781. repeat: no-repeat;
  782. }
  783.  
  784. #above-nav-links a.twitter:before {
  785. background-image: url(http://static.tumblr.com/z7sexdb/hWEn5btoy/twitter_icon.svg);
  786. content: ' ';
  787. display: inline-block;
  788. width: 20px;
  789. height: 20px;
  790. margin-right: 3px;
  791. repeat: no-repeat;
  792. }
  793.  
  794. #above-nav-links a.ig:before {
  795. background-image: url(http://static.tumblr.com/z7sexdb/VI8n5btpj/ig_icon.svg);
  796. content: ' ';
  797. display: inline-block;
  798. width: 20px;
  799. height: 20px;
  800. margin-right: 3px;
  801. repeat: no-repeat;
  802. }
  803.  
  804. #above-nav-links a:hover,
  805. .yst-nav-container a:hover {
  806. color: {color:Navigation hover color};
  807. }
  808.  
  809. .channel-strip {
  810. height: 292px;
  811. width: 100%;
  812. }
  813.  
  814. .channel-strip iframe {
  815. height: 100%;
  816. width: 100%;
  817. border: none;
  818. }
  819.  
  820. .photoset .post iframe {
  821. display: block;
  822. width: 700px;
  823. margin: 0 auto;
  824. }
  825. .index-page.grid .photoset .post {
  826. padding: 0px;
  827. }
  828.  
  829. .header-avatar {
  830. position: absolute;
  831. bottom: 20px;
  832. left: 20px;
  833. z-index: 4;
  834. }
  835.  
  836. .header-avatar ~ .yst-nav-container ul,
  837. .header-avatar ~ .header-description {
  838. margin-left: 148px;
  839. }
  840.  
  841. .header-description {
  842. position: absolute;
  843. bottom: 55px;
  844. padding-left: 20px;
  845. max-width: 700px;
  846. font-style: italic;
  847. font-weight: normal;
  848. z-index: 2;
  849. }
  850.  
  851. .header-description ~ .yst-nav-container:after {
  852. content: ' ';
  853. display: block;
  854. height: 60px;
  855. position: absolute;
  856. width: 100%;
  857. bottom: 46px;
  858. background-image: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8));
  859. background-image: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8));
  860. background-image: -ms-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8));
  861. background-image: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8));
  862. background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8));
  863. z-index: 0;
  864. }
  865.  
  866.  
  867. @media screen and (max-width: 1080px) {
  868. body {
  869. background-image: none;
  870. }
  871. #above-nav-links {
  872. display: none;
  873. }
  874. .yst-nav-container {
  875. display: none;
  876. }
  877. #header .header-image-wrapper {
  878. height: auto;
  879. }
  880. #header .header-image {
  881. height: 135px;
  882. }
  883. #yst-content-container {
  884. background: transparent;
  885. }
  886. #posts {
  887. margin-top: 0;
  888. padding-top: 10px;
  889. background-color: transparent;
  890. }
  891. #posts article,
  892. #posts article.active {
  893. margin-bottom: 25px;
  894. }
  895. #posts article,
  896. #posts article.active,
  897. #posts #related-posts article,
  898. .index-page.grid #posts article,
  899. .permalink.grid #related-posts article {
  900. margin: 10px 5px 25px;
  901. /*width: auto;*/
  902. }
  903. .content,
  904. .index-page.grid #posts.masonry,
  905. .permalink.grid #related-posts.masonry {
  906. padding: 0 3px;
  907. }
  908. .index-page.grid #posts article,
  909. .permalink.grid #related-posts article {
  910. margin: 0 3px 10px;
  911. width: 48%;
  912. width: -webkit-calc(50% - 15px);
  913. width: -moz-calc(50% - 15px);
  914. width: calc(50% - 15px);
  915. }
  916.  
  917. .attribution-tags {
  918. border-bottom: none;
  919. }
  920.  
  921. article .meta .post-date-date,
  922. .post-date-date + .post-date-notes:before {
  923. display: none;
  924. }
  925.  
  926. .permalink .post .caption,
  927. .permalink .text .post,
  928. .permalink .quote .post,
  929. .permalink .chat .post,
  930. .permalink .photoset .post {
  931. padding: 20px 25px;
  932. margin: 0;
  933. }
  934. .permalink .post .attribution-tags,
  935. .permalink .panel,
  936. .notes-wrapper {
  937. margin-left: 25px;
  938. margin-right: 25px;
  939. }
  940.  
  941. article.quote blockquote,
  942. article.link .link-wrapper h2,
  943. .index-page.grid .link-wrapper h2 {
  944. font-size: 32px;
  945. line-height: 36px;
  946. }
  947.  
  948. .permalink article.chat h2 {
  949. font-size: 22px;
  950. }
  951. .permalink article.chat ul {
  952. font-size: 13px;
  953. line-height: 20px;
  954. }
  955. .permalink article.chat .label {
  956. font-size: 16px;
  957. }
  958.  
  959. .nav-menu-wrapper {
  960. display: block;
  961. }
  962.  
  963. .channel-strip {
  964. display: none;
  965. }
  966.  
  967. .header-avatar,
  968. .header-avatar img {
  969. width: 98px;
  970. height: 98px;
  971. }
  972. .header-avatar {
  973. left: 10px;
  974. top: 63px;
  975. }
  976.  
  977. .header-avatar ~ .header-description {
  978. margin-left: 0;
  979. }
  980.  
  981. .header-avatar ~ .header-description > div {
  982. margin-left: 113px;
  983. }
  984.  
  985. .header-description {
  986. position: relative;
  987. box-sizing: border-box;
  988. -moz-box-sizing: border-box;
  989. bottom: 0;
  990.  
  991. right: 0;
  992. padding: 12px;
  993. width: 100%;
  994. max-width: 100%;
  995. background-color: {BackgroundColor};
  996. }
  997.  
  998. }
  999.  
  1000. @media screen and (max-width: 980px){
  1001. .embed-outer-container{
  1002. padding-bottom: 60%;
  1003. }
  1004. }
  1005.  
  1006. @media screen and (max-width: 860px){
  1007. .embed-outer-container{
  1008.  
  1009. }
  1010. }
  1011.  
  1012. @media screen and (max-width: 750px){
  1013. .embed-outer-container{
  1014. padding-bottom: 62%;
  1015. }
  1016. }
  1017.  
  1018. @media screen and (max-width: 640px) {
  1019. .embed-outer-container {
  1020. height: 405px;
  1021. width: 100%;
  1022. padding-bottom: 0;
  1023. margin-left: auto;
  1024. margin-right: auto;
  1025. }
  1026.  
  1027. #header .header-image-wrapper {
  1028. height: auto;
  1029. }
  1030.  
  1031. #header .header-image {
  1032. height: 70px;
  1033. }
  1034.  
  1035. .header-avatar {
  1036. left: 5px;
  1037. top: 45px;
  1038. }
  1039.  
  1040. .header-avatar,
  1041. .header-avatar img {
  1042. width: 50px;
  1043. height: 50px;
  1044. }
  1045.  
  1046. .header-avatar ~ .header-description {
  1047. margin-left: 0;
  1048. }
  1049.  
  1050. .header-avatar ~ .header-description > div {
  1051. margin-left: 60px;
  1052. }
  1053.  
  1054. #header .header-image-wrapper h1 {
  1055. font-size: 32px;
  1056. padding: 20px 0;
  1057. }
  1058.  
  1059. #yst-content-container {
  1060. background: transparent;
  1061. }
  1062. .content,
  1063. .index-page.grid #posts.masonry,
  1064. .grid #related-posts.masonry {
  1065. padding: 0;
  1066. }
  1067. #posts article,
  1068. #posts article.active,
  1069. .index-page.grid #posts article,
  1070. .grid #posts #related-posts article {
  1071. margin: 0 5px 10px;
  1072. width: auto;
  1073. }
  1074. .permalink #posts.content article {
  1075. margin-top: 10px;
  1076. }
  1077. .post .caption {
  1078. margin: 15px 10px 10px;
  1079. }
  1080.  
  1081. .post .attribution-tags {
  1082. margin: 0 25px 15px;
  1083. }
  1084.  
  1085.  
  1086. .permalink .post .caption,
  1087. .permalink .text .post,
  1088. .permalink .quote .post,
  1089. .permalink .photoset .post {
  1090. padding: 15px 10px;
  1091. margin: 0;
  1092. }
  1093. .permalink .post .attribution-tags,
  1094. .permalink .panel,
  1095. .notes-wrapper {
  1096. margin-left: 10px;
  1097. margin-right: 10px;
  1098. }
  1099.  
  1100. .permalink article.text h2,
  1101. .permalink article.video .caption h2 {
  1102. font-size: 18px;
  1103. }
  1104.  
  1105. .permalink article.quote blockquote,
  1106. .permalink article.link .link-wrapper h2,
  1107. .index-page.grid .link-wrapper h2 {
  1108. font-size: 32px;
  1109. line-height: 36px;
  1110. }
  1111.  
  1112. .permalink article.chat h2 {
  1113. font-size: 18px;
  1114. }
  1115. }
  1116. .pop-menu ul li {
  1117. list-style: none;
  1118. }
  1119.  
  1120. /*---------------*/
  1121.  
  1122. /* Custom CSS */
  1123. {CustomCSS}
  1124. </style>
  1125. </head>
  1126. <body data-urlencoded-name="{URLEncodedName}" class="{select:Layout}{block:IndexPage} index-page{/block:IndexPage}{block:PermalinkPage} permalink{/block:PermalinkPage}{block:SearchPage} search-page{block:NoSearchResults} no-results{/block:NoSearchResults}{/block:SearchPage}{block:TagPage} unsupported-tag{/block:TagPage}">
  1127. <section id="page">
  1128. <div id="yst-content-container">
  1129.  
  1130. <div class="header-wrapper
  1131. {block:IfNotShowHeaderImage}no-image {/block:IfNotShowHeaderImage}
  1132. {block:IfShowHeaderImage}{block:IfNotHeaderImage}no-image {/block:IfNotHeaderImage}{/block:IfShowHeaderImage}
  1133. {block:IfShowAvatar}avatar-style-{select:Avatar style}{/block:IfShowAvatar}">
  1134.  
  1135.  
  1136. <!--FROM TUMBLR-->
  1137. <div class="nav-menu-wrapper {block:IfNotCollapseNavigation}search-only{/block:IfNotCollapseNavigation}">
  1138. <Header background color class="nav-menu pop">
  1139. <a class="selector"><span class="icon"></span></a>
  1140. <div class="pop-menu west">
  1141. <ul>
  1142. <li class="no-hover">
  1143. <form action="/search" method="get" id="search">
  1144. <input type="text" name="q" id="q" placeholder="{lang:Search}" value="{SearchQuery}">
  1145. <button type="submit"></button>
  1146. </form>
  1147. </li>
  1148. {block:IfCollapseNavigation}
  1149. <li>
  1150. <a href="/archive" class="archive arrow">{lang:Archive}</a>
  1151. </li>
  1152. {block:AskEnabled}
  1153. <li>
  1154. <a href="/ask" class="ask arrow">{AskLabel}</a>
  1155. </li>
  1156. {/block:AskEnabled}
  1157. {block:HasPages}
  1158. {block:Pages}
  1159. <li>
  1160. <a href="{URL}" class="page arrow">{Label}</a>
  1161. </li>
  1162. {/block:Pages}
  1163. {/block:HasPages}
  1164. {block:SubmissionsEnabled}
  1165. <li>
  1166. <a href="/submit" class="submit arrow">{SubmitLabel}</a>
  1167. </li>
  1168. {/block:SubmissionsEnabled}
  1169. {block:IfCollapseNavigation}
  1170. </ul>
  1171. </div>
  1172. </nav>
  1173. <div class="glass"></div>
  1174. </div>
  1175. <div class="nav-menu-bg"></div>
  1176. <!--END FROM TUMBLR-->
  1177.  
  1178. <header id="header" class="{block:Description}{block:IfShowDescription}show-desc{/block:IfShowDescription}{/block:Description}">
  1179. <div class="header-image-wrapper">
  1180. <a href="/" class="header-image {block:IfStretchHeaderImage}cover{/block:IfStretchHeaderImage}" data-bg-image="{HeaderImage}">{block:IfShowTitle}<h1>{Title}</h1>{/block:IfShowTitle}</a>
  1181. <div id="above-nav-links">
  1182. {block:AskEnabled}
  1183. <a class="ask" href="/ask"></a>
  1184. {/block:AskEnabled}
  1185. {block:SubmissionsEnabled}
  1186. <a class="submit" href="/submit"></a>
  1187. {/block:SubmissionsEnabled}
  1188. <a class="rss" href="{RSS}"></a>
  1189. <a class="archive" href="/archive"></a>
  1190. {block:IfFacebook}
  1191. <a class="fb" href="https://www.facebook.com/{text:Facebook}"></a>
  1192. {/block:IfFacebook}
  1193. {block:Twitter}
  1194. <a class="twitter" href="https://www.twitter.com/{TwitterUsername}"></a>
  1195. {/block:Twitter}
  1196. {block:IfInstagram}
  1197. <a class="ig" href="https://www.instagram.com/{text:Instagram}"></a>
  1198. {/block:IfInstagram}
  1199. </div>
  1200.  
  1201. {block:IfShowAvatar}
  1202. <figure class="header-avatar">
  1203. <img src="{PortraitURL-128}" />
  1204. </figure>
  1205. {/block:IfShowAvatar}
  1206.  
  1207. {block:Description}
  1208. {block:IfShowDescription}
  1209. <div class="header-description">
  1210. <div>{Description}</div>
  1211. </div>
  1212. {/block:IfShowDescription}
  1213. {/block:Description}
  1214.  
  1215. <header class="yst-nav-container">
  1216. <ul>
  1217. <li>
  1218. <a href="{BlogURL}" class="page">Home</a>
  1219. </li>
  1220. {block:HasPages}
  1221. {block:Pages}
  1222. <li><a href="{URL}" class="page">{Label}</a></li>
  1223. {/block:Pages}
  1224. {/block:HasPages}
  1225. </ul>
  1226. <div class="yst-search-container">
  1227. <form action="/search" method="get" id="search">
  1228. <input type="text" name="q" id="q" placeholder="{lang:Search}" value="{SearchQuery}">
  1229. <button type="submit"></button>
  1230. </form>
  1231. </div>
  1232. </nav>
  1233. </div>
  1234.  
  1235. <div class="back-to-top"><a class="top" href="#"></a></div>
  1236. </header>
  1237.  
  1238. {block:IndexPage}
  1239. {block:IfFeaturedYahooChannel}
  1240. <div class="embed-outer-container"></div>
  1241. {/block:IfFeaturedYahooChannel}
  1242. {/block:IndexPage}
  1243.  
  1244.  
  1245. </div>
  1246. {block:SearchPage}
  1247. <div class="search-header content">
  1248. <h2>
  1249. {lang:SearchResultCount results for SearchQuery}
  1250. {block:NoSearchResults}{lang:Sorry no search results found}{/block:NoSearchResults}
  1251. </h2>
  1252. </div>
  1253. {/block:SearchPage}
  1254. <section id="posts" class="content clearfix {block:IfNotShowTitle}{block:IfNotShowDescription}no-title-desc {/block:IfNotShowDescription}{/block:IfNotShowTitle}{block:IfNotShowHeaderImage}no-image {/block:IfNotShowHeaderImage} avatar-style-{select:Avatar style}">
  1255.  
  1256. <div data-page-id="{CurrentPage}">
  1257. {block:Posts}
  1258. <article class="{block:Text}text {/block:Text}{block:Photoset}photoset {/block:Photoset}{block:Photo}photo {/block:Photo}{block:RebloggedFrom}reblogged {/block:RebloggedFrom}{block:Quote}quote {/block:Quote}{block:Link}link {/block:Link}{block:Chat}chat {/block:Chat}{block:Audio}audio {/block:Audio}{block:Video}video {/block:Video}{block:Answer}answer {/block:Answer}{block:Date}not-page post-{PostID}{/block:Date} {block:PermalinkPage} active exposed{/block:PermalinkPage}" {block:Date}data-post-id="post_{PostID}"{/block:Date}>
  1259. <div class="post-wrapper clearfix">
  1260. <section class="post" {block:PermalinkPage}{block:HasTags}data-tags="{block:Tags}{Tag} {/block:Tags}"{/block:HasTags}{/block:PermalinkPage}>
  1261. {block:Text}
  1262. {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  1263. {block:Body}
  1264. <div class="body-text">
  1265. {Body}
  1266. </div>
  1267. {/block:Body}
  1268. {/block:Text}
  1269.  
  1270. {block:Photo}
  1271. <figure class="{block:HighRes}high-res{/block:HighRes}{block:Caption} with-caption{/block:Caption}" data-photo-width="{PhotoWidth-HighRes}">
  1272. <div class="photo-wrapper">
  1273. <div class="photo-wrapper-inner">
  1274. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}">{LinkCloseTag}
  1275. </div>
  1276. </div>
  1277. {block:Caption}
  1278. <figcaption class="caption">
  1279. {Caption}
  1280. {block:RebloggedFrom}
  1281. <section class="reblogged">
  1282. <p>{lang:Reblogged from} <a class="reblog-link" href="{ReblogParentURL}">{ReblogParentName}</a></p>
  1283. </section>
  1284. {/block:RebloggedFrom}
  1285. </figcaption>
  1286. {/block:Caption}
  1287. </figure>
  1288. {/block:Photo}
  1289.  
  1290. {block:Photoset}
  1291. <figure class="photoset {block:Caption}with-caption{/block:Caption}">
  1292. {Photoset}
  1293. {block:Caption}
  1294. <figcaption class="caption">
  1295. {Caption}
  1296. {block:RebloggedFrom}
  1297. <section class="reblogged">
  1298. <p>{lang:Reblogged from} <a class="reblog-link" href="{ReblogParentURL}">{ReblogParentName}</a></p>
  1299. </section>
  1300. {/block:RebloggedFrom}
  1301. </figcaption>
  1302. {/block:Caption}
  1303. </figure>
  1304. {/block:Photoset}
  1305.  
  1306. {block:Quote}
  1307. <blockquote class="{Length}">
  1308. {Quote}
  1309. </blockquote>
  1310. {block:Source}
  1311. <div class="source">{Source}</div>
  1312. {/block:Source}
  1313. {/block:Quote}
  1314.  
  1315.  
  1316. {block:Link}
  1317. <div class="link-wrapper">
  1318. <h2><a {Target} href="{URL}" >{Name}</a></h2>
  1319. {block:Host}
  1320. <span class="host">
  1321. {Host}
  1322. </span>
  1323. {/block:Host}
  1324. </div>
  1325. {/block:Link}
  1326.  
  1327.  
  1328. {block:Chat}
  1329. {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  1330. <ul class="conversation">
  1331. {block:Lines}
  1332. <li class="chat-{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  1333. {/block:Lines}
  1334. </ul>
  1335. {/block:Chat}
  1336.  
  1337.  
  1338. {block:Audio}
  1339. <div class="audio_container">
  1340. {block:AudioEmbed}
  1341. {AudioEmbed color="white"}
  1342. {/block:AudioEmbed}
  1343. </div>
  1344. {block:Caption}
  1345. <div class="caption">
  1346. {Caption}
  1347. </div>
  1348. {/block:Caption}
  1349. {/block:Audio}
  1350.  
  1351.  
  1352. {block:Video}
  1353. <figure {block:Caption}class="with-caption"{/block:Caption}>
  1354. <div class="video-wrapper">
  1355. {Video-700}
  1356. </div>
  1357. {block:Caption}
  1358. <figcaption class="caption">
  1359. {Caption}
  1360. </figcaption>
  1361. {/block:Caption}
  1362. </figure>
  1363. {/block:Video}
  1364.  
  1365. {block:Answer}
  1366. <div class="note-item note-item-asker">
  1367. <div class="text">
  1368. <p class="asker"><strong>{Asker}</strong> asked:</p>
  1369. <div class="asker-question">
  1370. {Question}
  1371. </div>
  1372. </div>
  1373. <div class="avatar">
  1374. <img class="asker-avatar" src="{AskerPortraitURL-96}" alt="">
  1375. </div>
  1376. </div>
  1377.  
  1378. {block:Answerer}
  1379. <div class="note-item note-item-answerer">
  1380. <div class="text">
  1381. <p class="answerer"><strong>{Answerer}</strong> answered:</p>
  1382. <div class="answerer-answer">
  1383. {Answer}
  1384. </div>
  1385. </div>
  1386. <div class="avatar">
  1387. <img class="answerer-avatar" src="{AnswererPortraitURL-96}" alt="">
  1388. </div>
  1389. </div>
  1390. {/block:Answerer}
  1391.  
  1392. <div class="replies">
  1393. {Replies}
  1394. </div>
  1395. {/block:Answer}
  1396.  
  1397. {block:HasTags}
  1398. <section class="attribution-tags clearfix">
  1399. <ul>
  1400. {block:ContentSource}
  1401. <li>
  1402. <a class="source-link" href="{SourceURL}">{lang:Source}: {SourceTitle}</a>
  1403. </li>
  1404. {/block:ContentSource}
  1405. {block:Tags}
  1406. <li>
  1407. <a href="{TagURL}" class="tag">{Tag}</a>
  1408. </li>
  1409. {/block:Tags}
  1410. </ul>
  1411. </section>
  1412. {/block:HasTags}
  1413.  
  1414. </section>
  1415.  
  1416. {block:Date}
  1417. <section class="panel">
  1418. <footer class="post-footer">
  1419. <section class="meta">
  1420. <ul class="post-date">
  1421. <li class="post-date-date">
  1422. <a href="{Permalink}" title="{TimeAgo}">{TimeAgo}</a>
  1423. </li>
  1424. {block:NoteCount}
  1425. <li class="post-date-notes">
  1426. <a href="{Permalink}#notes">{NoteCountWithLabel}</a>
  1427. </li>
  1428. {/block:NoteCount}
  1429. </ul>
  1430. </section>
  1431.  
  1432. <section class="post-controls">
  1433. <ul>
  1434. <li class="share-control">
  1435. <Header background color class="pop">
  1436. <a href="#" class="share selector"></a>
  1437. <div class="pop-menu share-menu south" id="share_{PostID}">
  1438. <ul>
  1439. <li class="open-in-app"><a href="#" class="share-item open-in-app" data-post="{PostID}">Open in app</a></li>
  1440. <li><a href="http://facebook.com/sharer.php?u={URLEncodedPermalink}&amp;t={URLEncodedTitle}" class="share-item facebook" target="_blank">Facebook</a></li>
  1441. <li><a href="https://twitter.com/intent/tweet?text={URLEncodedTweetSummary}" class="share-item twitter" target="_blank">Tweet</a></li>
  1442. <li><a href="mailto:?subject={URLEncodedShareString}&amp;body={URLEncodedMailSummary}" class="share-item mail">Mail</a></li>
  1443. </ul>
  1444. </div>
  1445. </nav>
  1446. </li>
  1447. <li class="reblog-control">{ReblogButton size="21" color="black"}</li>
  1448. <li class="like-control">{LikeButton size="20" color="black"}</li>
  1449. </ul>
  1450. </section>
  1451. </footer>
  1452. </section>
  1453. {/block:Date}
  1454. {block:PermalinkPage}
  1455.  
  1456. {block:PostNotes}
  1457. <section id="notes" class="notes-wrapper clearfix">
  1458. {PostNotes-16}
  1459. </section>
  1460. {/block:PostNotes}
  1461.  
  1462. {block:Date}
  1463.  
  1464. {block:IfDisqusShortname}
  1465. <section class="comments">
  1466. <div id="disqus_thread"></div>
  1467. <script type="text/javascript">
  1468. (function() {
  1469. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1470. dsq.src = 'http://{text:Disqus Shortname}.disqus.com/embed.js';
  1471. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1472. })();
  1473. </script>
  1474. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript={text:Disqus Shortname}">comments powered by Disqus.</a></noscript>
  1475. <a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
  1476. </section>
  1477. {/block:IfDisqusShortname}
  1478.  
  1479. {/block:Date}
  1480.  
  1481. {/block:PermalinkPage}
  1482. </div>
  1483. </article>
  1484. {/block:Posts}
  1485. </div>
  1486. </div>
  1487. </section>
  1488. <footer id="footer" class="content clearfix">
  1489. {block:IndexPage}
  1490. {block:Pagination}
  1491. <div id="pagination">
  1492. {block:PreviousPage}
  1493. <a href="{PreviousPage}" class="previous" data-current-page="{CurrentPage}" data-total-pages="{TotalPages}">{lang:Previous}<span class="bg"></span></a>
  1494. {/block:PreviousPage}
  1495. {block:NextPage}
  1496. <a href="{NextPage}" class="next" data-current-page="{CurrentPage}" data-total-pages="{TotalPages}">{lang:Next}<span class="bg"></span></a>
  1497. {/block:NextPage}
  1498. <div class="loader"></div>
  1499. </div>
  1500. {/block:Pagination}
  1501. {/block:IndexPage}
  1502. </footer>
  1503. </section>
  1504. <script>
  1505. var Optica = {};
  1506. Optica.TITLE_COLOR = "{TitleColor}";
  1507. Optica.ENDLESS_SCROLLING = {block:IfEndlessScrolling}true{/block:IfEndlessScrolling}{block:IfNotEndlessScrolling}false{/block:IfNotEndlessScrolling};
  1508. Optica.LAYOUT = "{select:Layout}";
  1509. Optica.GRID_LAYOUT = (Optica.LAYOUT === 'grid');
  1510. Optica.ENDLESS_NOTES_SCROLLING = {block:IfDisqusShortname}false{/block:IfDisqusShortname}{block:IfNotDisqusShortname}true{/block:IfNotDisqusShortname};
  1511. </script>
  1512. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  1513. <script>!window.jQuery && document.write(unescape('%3Cscript src="http://static.tumblr.com/vr9xgox/sBgmmjhyw/jquery-1.9.1.min.js"%3E%3C/script%3E'));</script>
  1514. <script src="http://static.tumblr.com/vr9xgox/Azhmnml1q/jquery.masonry.min.js"></script>
  1515. <script src="http://static.tumblr.com/vr9xgox/q6Bmzia9p/main-min.js"></script>
  1516. <script>
  1517.  
  1518. Optica.Pager.prototype._slender = function () {
  1519. return Optica.$win.width() < 640;
  1520. };
  1521.  
  1522. Optica.Pager.prototype.set_masonry = function () {
  1523. var e = jQuery,
  1524. t = e(".index-page #posts, .permalink #related-posts .related_container"),
  1525. n = t.find("article"),
  1526. w = Optica.$win.width;
  1527. t.imagesLoaded(e.proxy(function () {
  1528. t.iframesLoaded({
  1529. selector: "iframe.photoset"
  1530. }, e.proxy(function () {
  1531. t.masonry({
  1532. "itemSelector": "article",
  1533. "isFitWidth": false,
  1534. "gutterWidth": 0
  1535. });
  1536. this.animate_posts(n)
  1537. }, this))
  1538. }, this));
  1539. this.is_grid_layout = true
  1540. };
  1541.  
  1542. Optica.Popmenu.prototype.__trigger_click = function(t) {
  1543. var e = jQuery;
  1544. t.preventDefault();
  1545. this.$trigger = e(t.currentTarget);
  1546. this.$container = this.$trigger.parents(this.config.container);
  1547. this.$glass = this.$container.siblings(this.config.glass);
  1548. this.$popover = this.$trigger.siblings(this.config.popover);
  1549. if (!this.$popover.hasClass("active")) {
  1550. this.show()
  1551. } else {
  1552. this.hide()
  1553. }
  1554. };
  1555. </script>
  1556. {block:IfGoogleAnalyticsID}
  1557. <script>
  1558. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  1559. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  1560. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  1561. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  1562. ga('create', '{text:Google Analytics ID}', 'tumblr.com');
  1563. ga('send', 'pageview');
  1564. </script>
  1565. {/block:IfGoogleAnalyticsID}
  1566. {block:IndexPage}
  1567. {block:IfYahooChannelStrips}
  1568. <script>
  1569. var stripNames = "{text:Yahoo channel strips}",
  1570. aliases = stripNames && stripNames.split(','),
  1571. bgColor = "{color:Content background color}",
  1572. txtColor = "{color:Yahoo content text color}";
  1573.  
  1574. bgColor = bgColor.slice(1,7);
  1575. txtColor = txtColor.slice(1,7);
  1576.  
  1577. if (aliases) {
  1578. aliases.forEach(function(alias) {
  1579. var url = "http://screen.yahoo.com/"+$.trim(alias)+"/?format=embed&appletName=td-applet-channelstrip&noBdr=1&layoutName=mosaic&bgColor="+bgColor+"&txtColor="+txtColor;
  1580. $('.header-wrapper').append($('<div class="channel-strip"><iframe src="'+url+'"/></div>'));
  1581. });
  1582. }
  1583. </script>
  1584. {/block:IfYahooChannelStrips}
  1585.  
  1586. {block:IfFeaturedYahooChannel}
  1587. <script>
  1588. var channelAlias = "{text:Featured Yahoo channel}",
  1589. bgColor = "{color:Content background color}",
  1590. txtColor = "{color:Yahoo content text color}",
  1591. txtColor2 = "{color:Yahoo content alt text color}",
  1592. url;
  1593.  
  1594. bgColor = bgColor.slice(1,7);
  1595. txtColor = txtColor.slice(1,7);
  1596. txtColor2 = txtColor2.slice(1,7);
  1597. url = "http://screen.yahoo.com/"+$.trim(channelAlias)+"/?format=embed&mode=cinematron&noBdr=1&theme=light&enable_sharebar=0&bgColor="+bgColor+"&txtColor="+txtColor+"&txtColor2="+txtColor2;
  1598.  
  1599. if (channelAlias) {
  1600. $('.embed-outer-container').append($('<div class="embed-inner-container"><iframe width="100%" height="100%" scrolling="no" frameborder="0" src="'+url+'" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true" allowtransparency="true"></iframe>'));
  1601. }
  1602.  
  1603. </script>
  1604. {/block:IfFeaturedYahooChannel}
  1605. {/block:IndexPage}
  1606. </body>
  1607. </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!