API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 30th, 2015
176
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 66.23 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
  5.  
  6. <meta charset="utf-8">
  7. <meta name="description" content="{block:IndexPage}{block:Description}{MetaDescription}{/block:Description}{/block:IndexPage}{block:PermalinkPage}{block:PostSummary}{PostSummary}{/block:PostSummary}{/block:PermalinkPage}" />
  8.  
  9. <meta name="color:Accent" content="#4EA3D0"/>
  10. <meta name="font:Body" content="'Helvetica Neue', Helvetica, Arial, sans-serif"/>
  11. <meta name="if:Two column posts" content="1"/>
  12.  
  13. <!-- Appearance option -->
  14. <meta name="if:Show bar on top" content="1"/>
  15. <meta name="if:Show blog title" content="1"/>
  16. <meta name="if:Show blog description" content="1"/>
  17. <meta name="if:Show profile photo" content="1"/>
  18. <meta name="if:Use endless scrolling" content="1"/>
  19.  
  20.  
  21. <meta name="if:Show right column" content="1"/>
  22. <meta name="if:Place timestamp in left column" content="1"/>
  23. <meta name="if:Use larger font for quotes" content="0"/>
  24. <meta name="if:Show image shadows" content="1"/>
  25. <meta name="if:Show tags" content="1"/>
  26. <meta name="if:Show post notes" content="1"/>
  27. <meta name="if:Show copyright in footer" content="1"/>
  28. <meta name="text:Disqus Shortname" content="" />
  29. <meta name="text:Google Analytics ID" content=""/>
  30.  
  31. <link rel="shortcut icon" href="{Favicon}" />
  32. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  33.  
  34. <!-- HTML5 Shiv -->
  35. <!--[if lt IE 9]>
  36. <script src="http://static.tumblr.com/hriofhd/Qj0m8pn7q/html5shiv.js"></script>
  37. <![endif]-->
  38.  
  39. <!-- Reset CSS -->
  40. <link rel="stylesheet" href="http://static.tumblr.com/thpaaos/DIcklyl4z/reset.css" type="text/css">
  41.  
  42. <!-- Theme CSS -->
  43. <style type="text/css" media="screen">
  44. body {
  45. -webkit-font-smoothing: antialiased;
  46. font-size: 15px;
  47. font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  48.  
  49.  
  50. background: url(http://static.tumblr.com/pi2ryi2/uh3nj016h/mlg_background.jpg);
  51. line-height: 24px;
  52. margin: 0;
  53. padding: 0;
  54. }
  55.  
  56. *:active, *:focus { outline-width: 0px; }
  57. img { max-width: 100% }
  58. .post .top.media img { width: 100%; }
  59. a { text-decoration: none; color: {Color:Accent}; }
  60. a img { border-width: 0px; }
  61. strong { font-weight: bold; }
  62. em { font-style: italic; }
  63.  
  64. .group:after {
  65. visibility: hidden;
  66. display: block;
  67. content: "";
  68. clear: both;
  69. height: 0;
  70. }
  71. * html .group { zoom: 1; } /* IE6 */
  72. *:first-child+html .group { zoom: 1; } /* IE7 */
  73.  
  74. iframe#tumblr_controls {
  75. top: 12px !important;
  76. }
  77. #container
  78. {
  79. background: rgba(0, 0, 0, 0.35);
  80. }
  81. p
  82. {
  83. color: #ffffff;
  84. }
  85. a
  86. {
  87. color: #b5b9ff;
  88. }
  89.  
  90. #container {
  91. width: 950px;
  92. margin: 0 auto;
  93. padding: 60px 20px;
  94. }
  95.  
  96. #header {
  97. height: 48px;
  98. margin: 0 0 60px 0;
  99. }
  100.  
  101. #blog_info {
  102. width: 700px;
  103. margin: 0 60px 0 0;
  104. float: left;
  105. }
  106.  
  107. #blog_info h1 {
  108. font-size: 36px;
  109. font-weight: bold;
  110. letter-spacing: -1px;
  111. line-height: 36px;
  112. margin: 8px 0 0 0;
  113. }
  114.  
  115. #blog_info h1 a {
  116. color: #333333;
  117. }
  118.  
  119. #blog_info h1 a:hover {
  120. color: #000;
  121. }
  122.  
  123. #blog_info h1 a:active {
  124. position: relative;
  125. top: 1px;
  126. }
  127.  
  128. #blog_info p, #blog_info .cont {
  129. color: #646464;
  130. margin-top: 7px;
  131. }
  132.  
  133. .cont {
  134. margin-bottom: 7px;
  135. }
  136.  
  137. #blog_avatar {
  138. width: 188px;
  139. position: relative;
  140. float: right;
  141. {block:IfNotShowBlogTitle}float: left;{/block:IfNotShowBlogTitle}
  142. }
  143.  
  144. #blog_avatar a {
  145. width: 48px;
  146. height: 48px;
  147. {block:IfShowImageShadows}
  148. -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, .21);
  149. box-shadow: 0px 1px 3px rgba(0, 0, 0, .21);
  150. {/block:IfShowImageShadows}
  151. position: absolute;
  152. top: 0;
  153. left: 0;
  154. display: block;
  155. }
  156.  
  157. #blog_avatar img {
  158. width: 48px;
  159. -webkit-border-radius: 2px;
  160. -moz-border-radius: 2px;
  161. border-radius: 2px;
  162. }
  163.  
  164. #blog_avatar a::before {
  165. content: " ";
  166. width: 46px;
  167. height: 46px;
  168. -webkit-border-radius: 2px;
  169. -moz-border-radius: 2px;
  170. border-radius: 2px;
  171. border: 1px solid rgba(0,0,0,.1);
  172. position: absolute;
  173. top: 0px;
  174. left: 0px;
  175. z-index: 999;
  176. display: block;
  177. }
  178.  
  179. #blog_avatar:hover a {
  180. width: 64px;
  181. height: 64px;
  182. top: -8px;
  183. left: -8px;
  184. }
  185.  
  186. #blog_avatar:hover a img {
  187. width: 64px;
  188. }
  189.  
  190. #blog_avatar:hover a::before {
  191. width: 62px;
  192. height: 62px;
  193. }
  194.  
  195. #blog_avatar:active a {
  196. top: -7px;
  197. -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, .21);
  198. box-shadow: 0px 0px 1px rgba(0, 0, 0, .21);
  199. }
  200.  
  201. #posts {
  202. width: 700px;
  203. color: #4C4C4C;
  204. margin: 0 60px 0 0;
  205. float: left;
  206. }
  207.  
  208. #posts .post {
  209. list-style-type: none;
  210. border-bottom: 1px solid #E6E6E6;
  211. margin: 0 0 45px 0;
  212. padding: 0 0 45px 0;
  213. }
  214.  
  215. {block:IfDisqusShortname}
  216. #posts .post #disqus_thread {
  217. border-top: 1px solid #E6E6E6;
  218. margin: 20px 0 0 0;
  219. padding: 25px 0 0 0;
  220. }
  221.  
  222. #posts .post .caption a.disquscomments {
  223. font-size: 12px;
  224. font-family: 'Times New Roman', Times, serif;
  225. letter-spacing: 2px;
  226. text-transform: uppercase;
  227. -webkit-font-smoothing: subpixel-antialiased;
  228. }
  229. {/block:IfDisqusShortname}
  230.  
  231. .top.audio * {
  232. width: 700px;
  233. height: 91px
  234. }
  235.  
  236. .top.media {
  237. line-height: 0;
  238. {block:IfShowImageShadows}
  239. -webkit-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, .27);
  240. box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, .27);
  241. {/block:IfShowImageShadows}
  242. position: relative;
  243. display: inline-block;
  244. }
  245.  
  246. .top.media.photoset {
  247. line-height: 0;
  248. {block:IfShowImageShadows}
  249. -webkit-box-shadow: none;
  250. box-shadow: none;
  251. {/block:IfShowImageShadows}
  252. position: relative;
  253. display: inline-block;
  254. }
  255.  
  256. .media img {
  257. -webkit-border-radius: 2px;
  258. -moz-border-radius: 2px;
  259. border-radius: 2px;
  260. }
  261.  
  262. .link_post .link {
  263. color: {Color:Accent};
  264. font-size: 21px;
  265. font-weight: bold;
  266. border: 1px solid rgba({RGBcolor:Accent}, 0.13);
  267. background: rgba({RGBcolor:Accent}, 0.13);
  268. -webkit-border-radius: 2px;
  269. -moz-border-radius: 2px;
  270. border-radius: 2px;
  271. padding: 15px 53px 15px 20px;
  272. position: relative;
  273. display: block;
  274. }
  275.  
  276. .link .arrow {
  277. width: 0;
  278. height: 0;
  279. border-top: 8px solid transparent;
  280. border-bottom: 8px solid transparent;
  281. border-left: 12px solid {Color:Accent};
  282. position: absolute;
  283. top: 50%;
  284. right: 20px;
  285. margin-top: -8px;
  286. display: block;
  287. }
  288.  
  289. .link_post .link:hover {
  290. border: 1px solid rgba({RGBcolor:Accent}, 0.2);
  291. background: rgba({RGBcolor:Accent}, 0.2);
  292. }
  293.  
  294. .link_post .link:active {
  295. position: relative;
  296. top: 1px;
  297. }
  298.  
  299. #posts .post .caption_and_post_info.after_top_part {
  300. border-top: 0;
  301. margin: 30px auto auto auto;
  302. padding-top: 0;
  303. }
  304.  
  305. .post .caption {
  306. width: auto;
  307. float: none;
  308. }
  309.  
  310. {block:IfPlaceTimestampInLeftColumn}
  311. .post .caption {
  312. width: 513px;
  313. float: right;
  314. }
  315. {/block:IfPlaceTimestampInLeftColumn}
  316.  
  317. .content_source {
  318. margin-bottom: 20px;
  319. }
  320.  
  321. .content_source img {
  322. margin: 0 0 0 4px !important;
  323. opacity: 0.7;
  324. vertical-align: middle;
  325. }
  326.  
  327. .caption a, .description a {
  328. color: #ffffff;
  329. padding: 0 1px;
  330. }
  331.  
  332.  
  333. .caption h2 {
  334. font-size: 32px;
  335. color: #ffffff;
  336. line-height: 33px;
  337. margin: 0 0 18px 0;
  338. }
  339.  
  340. .caption h2 a {
  341. color: #6db9ff;
  342. font-weight: bold;
  343. letter-spacing: -1px;
  344. }
  345.  
  346. .caption h2 a:hover {
  347. color: {Color:Accent};
  348. background: transparent;
  349. }
  350.  
  351. .caption blockquote {
  352. border-left: 2px solid #E6E6E6;
  353. padding: 1px 0 1px 20px;
  354. }
  355.  
  356. .caption pre {
  357. background: #eee;
  358. font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Anonymous Pro", "Courier New", monospace, serif;
  359. overflow: scroll;
  360. padding: 10px;
  361. border-radius: 3px;
  362. font-size: 13px;
  363. line-height: 19px;
  364. }
  365.  
  366. .caption p,
  367. .caption ol,
  368. .caption ul,
  369. .caption pre,
  370. .caption h1,
  371. .caption h2,
  372. .post h3,
  373. .caption h4,
  374. .caption h5,
  375. .caption blockquote,
  376. .caption img,
  377. .caption embed,
  378. .caption object {
  379. margin: 0 0 20px 0;
  380. }
  381.  
  382. .caption p:empty {
  383. display: none;
  384. }
  385.  
  386. .archive
  387. {
  388. color: #ffffff;
  389. }
  390. .caption iframe {
  391. display: block !important;
  392. }
  393.  
  394. .post .caption ul,
  395. .post .caption ol {
  396. margin-left: 18px;
  397. }
  398.  
  399. .caption .question {
  400. display: block;
  401. padding: 15px;
  402. font-size: 15px;
  403. }
  404.  
  405. .caption .answer {
  406. margin-top: 20px;
  407. }
  408.  
  409. .caption .asker {
  410. line-height: 24px;
  411. margin: 25px 20px 0 23px;
  412. }
  413.  
  414. .caption .asker img {
  415. float: left;
  416. margin: 0 7px 0 0;
  417. }
  418.  
  419. .caption .asker a {
  420. margin-left: 0;
  421. }
  422.  
  423. .caption .quote {
  424. color: #333;
  425. font-weight: bold;
  426. }
  427.  
  428. .quote span {
  429. display: inline-block;
  430. }
  431.  
  432. .quote.short_text {
  433. font-size: 50px;
  434. letter-spacing: -2px;
  435. line-height: 48px;
  436. margin: 0 0 18px 0;
  437. }
  438.  
  439. .quote.short_text span {
  440. margin: 0 0 0 -22px;
  441. }
  442.  
  443. .quote.medium_text {
  444. font-size: 36px;
  445. letter-spacing: -1px;
  446. line-height: 36px;
  447. margin: 0 0 20px 0;
  448. }
  449.  
  450. .quote.medium_text span {
  451. margin: 0 0 0 -13px;
  452. }
  453.  
  454. .quote.long_text,
  455. .quote.text {
  456. font-size: 24px;
  457. line-height: 27px;
  458. margin: 0 0 20px 0;
  459. }
  460.  
  461. .quote.long_text span {
  462. margin: 0 0 0 -9px;
  463. }
  464.  
  465. .quote.larger_text {
  466. font-size: 50px !important;
  467. letter-spacing: -2px !important;
  468. line-height: 48px !important;
  469. margin: 0 0 18px 0 !important;
  470. }
  471.  
  472. .quote.larger_text span {
  473. margin: 0 0 0 -22px !important;
  474. }
  475.  
  476. .quote_source {
  477. margin: 0 0 20px 0 !important;
  478. }
  479.  
  480. .caption .conversation {
  481. margin-left: 0 !important;
  482. margin-bottom: 30px;
  483. list-style-type: none;
  484. }
  485.  
  486. .conversation .chat_line {
  487. padding: 10px 16px;
  488. }
  489.  
  490. .conversation .chat_line.user1 {
  491. background: #f5f5f5;
  492. }
  493.  
  494. .conversation .chat_line.user2 {
  495. background: #fff;
  496. }
  497.  
  498. .conversation .chat_line.user3 {
  499. background: #ddd;
  500. }
  501.  
  502. .conversation .chat_line.user4 {
  503. background: #ccc;
  504. }
  505.  
  506. .post .post_info {
  507. width: auto;
  508. font-size: 12px;
  509. font-family: 'Times New Roman', Times, serif;
  510. letter-spacing: 2px;
  511. text-transform: uppercase;
  512. list-style-type: none;
  513. -webkit-font-smoothing: subpixel-antialiased;
  514. margin: 1px 0 0 -3px;
  515. overflow: hidden;
  516. }
  517.  
  518. .post_info li {
  519. line-height: 14px;
  520. margin: 10px 0;
  521. float: left;
  522. }
  523.  
  524. .post_info li a {
  525. margin: 0 10px 0 0;
  526. padding: 0 2px 0 5px;
  527. }
  528.  
  529. .post_info .timestamp {
  530. color: #6db8ff;
  531. padding: 0 2px 0 5px;
  532. display: inline-block;
  533. }
  534.  
  535. .post_info .timestamp:hover {
  536. background: rgba(0,0,0,.08);
  537. }
  538.  
  539. .post_info .timestamp:active {
  540. background: rgba(0,0,0,.1);
  541. }
  542.  
  543. .post_info .notecount {
  544. color: #6db8ff;
  545. padding: 0 2px 0 5px;
  546. display: inline-block;
  547. }
  548.  
  549. .post_info .notecount:hover {
  550. background: rgba(0,0,0,.08);
  551. }
  552.  
  553. .post_info .notecount:active {
  554. background: rgba(0,0,0,.1);
  555. }
  556.  
  557. /* Post controls */
  558.  
  559. .post_controls {
  560. border: 1px solid #e8e8e8;
  561. border-radius: 3px;
  562. float: left;
  563. list-style: none;
  564. margin: -10px 15px 15px 0;
  565. }
  566.  
  567. /* requires high specificity */
  568. .post .post_info .post_controls li,
  569. .post .post_info.floating .post_controls li {
  570. float: left;
  571. margin: 0;
  572. padding: 7px 15px;
  573. height: 21px;
  574. }
  575.  
  576. .post_controls li:first-child {
  577. border-right: 1px solid #e8e8e8;
  578. }
  579.  
  580. .post .post_info .post_controls li a,
  581. .post .post_info.floating .post_controls li a {
  582. margin: 0;
  583. padding: 0;
  584. }
  585.  
  586.  
  587. /* Baselines */
  588.  
  589. .tag {
  590. color: {Color:Accent};
  591. display: table;
  592. }
  593.  
  594. .tag span {
  595. color: #4c4c4c;
  596. display: table-cell;
  597. }
  598.  
  599. .tag:hover {
  600. background: rgba({RGBcolor:Accent}, 0.13);
  601. }
  602.  
  603. .tag:hover span {
  604. color: {Color:Accent};
  605. }
  606.  
  607. .tag:active {
  608. background: rgba({RGBcolor:Accent}, 0.2);
  609. }
  610.  
  611. .post .post_info.floating {
  612. width: 157px;
  613. float: left;
  614. }
  615.  
  616. .post .post_info.floating li {
  617. float: none;
  618. }
  619.  
  620. .post_notes {
  621. clear: both;
  622. }
  623.  
  624. ol.notes {
  625. color: #4C4C4C;
  626. font-size: 13px;
  627. text-shadow: 0px 1px 0px rgba(255,255,255,.7);
  628. text-align: left;
  629. list-style-type: none;
  630. border-top: solid 1px #E6E6E6;
  631. -webkit-font-smoothing: subpixel-antialiased !important;
  632. margin: 40px auto auto auto;
  633. }
  634.  
  635. ol.notes li.note {
  636. border-bottom: solid 1px #E6E6E6;
  637. padding: 9px 0 10px 0;
  638. }
  639.  
  640. ol.notes li.note img.avatar {
  641. width: 16px;
  642. height: 16px;
  643. border-radius: 3px;
  644. vertical-align: -4px;
  645. margin-right: 6px;
  646. }
  647.  
  648. ol.notes a {
  649. color: #4C4C4C;
  650. text-decoration: underline;
  651. }
  652.  
  653. ol.notes a:hover {
  654. color: #4C4C4C;
  655. }
  656.  
  657. ol.notes li.note blockquote {
  658. border-color: #eee;
  659. padding: 4px 10px;
  660. margin: 10px 0px 0px 25px;
  661. }
  662.  
  663. ol.notes li.note blockquote a {
  664. text-decoration: none;
  665. }
  666.  
  667. ol.notes li.note:last-child {
  668. border-width: 0px;
  669. }
  670.  
  671. #sidebar {
  672. width: 188px;
  673. color: #4c4c4c;
  674. font-size: 14px;
  675. margin: -8px 0 0 0;
  676. float: right;
  677. }
  678.  
  679. #sidebar .description {
  680. line-height: 21px;
  681. border-bottom: 1px solid #E6E6E6;
  682. margin: 3px 0 20px 0;
  683. padding: 0 0 20px 0;
  684. }
  685.  
  686. #sidebar .links {
  687. font-size: 12px;
  688. font-family: 'Times New Roman', Times, serif;
  689. letter-spacing: 2px;
  690. text-transform: uppercase;
  691. list-style-type: none;
  692. -webkit-font-smoothing: subpixel-antialiased;
  693. margin: 0 0 20px 0;
  694. line-height: 20px;
  695. }
  696.  
  697. #sidebar .links a {
  698. color: #4c4c4c;
  699. }
  700.  
  701. #sidebar .links a:hover {
  702. color: {Color:Accent};
  703. }
  704.  
  705. .links .icon {
  706. width: 12px;
  707. height: 12px;
  708. background: #383838 url('http://static.tumblr.com/thpaaos/1xRm66voi/icons_sprite.png');
  709. margin: 0 8px 0 0;
  710. display: inline-block;
  711. }
  712.  
  713. .links a:hover .icon {
  714. background-color: {Color:Accent};
  715. }
  716.  
  717. .ask .icon { background-position: 0 0; margin-bottom: -2px; }
  718. .submit .icon { background-position: 0 -12px; margin-bottom: -1px; }
  719. .rss .icon { background-position: 0 -24px; }
  720. .archive .icon { background-position: 0 -36px; }
  721.  
  722. .bubble {
  723. color: #6f6f6f;
  724. font-size: 13px;
  725. line-height: 20px;
  726. background: #f5f5f5;
  727. border: 1px solid #d5d5d5;
  728. -webkit-border-radius: 4px;
  729. -moz-border-radius: 4px;
  730. border-radius: 4px;
  731. padding: 8px 12px;
  732. position: relative;
  733. display: none;
  734. }
  735.  
  736. #twitter_container .bubble:first-child {
  737. display: block;
  738. }
  739.  
  740. .bubble .arrow {
  741. width: 0;
  742. height: 0;
  743. position: absolute;
  744. display: block;
  745. }
  746.  
  747. .bubble .arrow.fill {
  748. border-left: 8px solid transparent;
  749. border-right: 8px solid transparent;
  750. border-top: 8px solid #f5f5f5;
  751. bottom: -8px;
  752. left: 25px;
  753. }
  754.  
  755. .bubble .arrow.border {
  756. border-left: 10px solid transparent;
  757. border-right: 10px solid transparent;
  758. border-top: 10px solid #d5d5d5;
  759. bottom: -10px;
  760. left: 23px;
  761. }
  762.  
  763. .bubble:hover {
  764. background: #f2f2f2;
  765. border-color: #CFCFCF;
  766. }
  767.  
  768. .bubble:hover .arrow.fill {
  769. border-top-color: #F1F1F1;
  770. }
  771.  
  772. .bubble:hover .arrow.border {
  773. border-top-color: #d5d5d5;
  774. }
  775.  
  776. .twitter_username {
  777. max-width: 166px;
  778. color: #4c4c4c;
  779. font-size: 12px;
  780. font-family: 'Times New Roman', Times, serif;
  781. letter-spacing: 0.4em;
  782. text-transform: uppercase;
  783. text-overflow: ellipsis;
  784. -webkit-font-smoothing: subpixel-antialiased;
  785. margin: 11px 0 0 22px;
  786. overflow: hidden;
  787. display: inline-block;
  788. opacity: 1;
  789. }
  790.  
  791. .twitter_username:hover {
  792. color: {Color:Accent};
  793. }
  794.  
  795. #footer {
  796. width: 700px;
  797. color: #4C4C4C;
  798. font-size: 12px;
  799. font-family: 'Times New Roman', Times, serif;
  800. letter-spacing: 2px;
  801. text-transform: uppercase;
  802. -webkit-font-smoothing: subpixel-antialiased;
  803. }
  804.  
  805. #footer .copyright {
  806. width: 50%;
  807. float: left;
  808. }
  809.  
  810. #footer .pagination {
  811. width: 230px;
  812. text-align: right;
  813. float: right;
  814. position: relative;
  815. }
  816.  
  817. .pagination .count {
  818. float: left;
  819. }
  820.  
  821. .pagination .buttons {
  822. width: 113px;
  823. height: 30px;
  824. margin: -2px 0 0 30px;
  825. float: right;
  826. position: absolute;
  827. top: 0;
  828. right: 0;
  829. z-index: 10;
  830. }
  831.  
  832. .pagination .buttons.disabled {
  833. z-index: 9;
  834. }
  835.  
  836. .buttons a,
  837. .buttons li {
  838. width: 56px;
  839. height: 28px;
  840. line-height: 999px;
  841. text-align: center;
  842. border: 1px solid #C8C8C8;
  843. -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
  844. box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
  845. background: #f1f1f1; /* Old browsers */
  846. background: -moz-linear-gradient(top, #f1f1f1 0%, #e8e8e8 100%); /* FF3.6+ */
  847. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
  848. background: -webkit-linear-gradient(top, #f1f1f1 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
  849. background: -o-linear-gradient(top, #f1f1f1 0%,#e8e8e8 100%); /* Opera 11.10+ */
  850. background: -ms-linear-gradient(top, #f1f1f1 0%,#e8e8e8 100%); /* IE10+ */
  851. background: linear-gradient(top, #f1f1f1 0%,#e8e8e8 100%); /* W3C */
  852. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e8e8e8',GradientType=0 );/* IE6-9 */
  853. list-style-type: none;
  854. overflow: hidden;
  855. position: relative;
  856. display: block;
  857. }
  858.  
  859. .buttons.disabled li {
  860. background: #f5f5f5;
  861. }
  862.  
  863. .buttons a:active {
  864. -webkit-box-shadow: none;
  865. box-shadow: none;
  866. background: #E6E6E6;
  867. }
  868.  
  869. .buttons .arrow {
  870. width: 10px;
  871. height: 14px;
  872. position: absolute;
  873. top: 50%;
  874. display: block;
  875. background-image: url(http://static.tumblr.com/ogedyaw/xu1m8jxnf/arrow_sprite.png);
  876. }
  877.  
  878. .buttons .left {
  879. -webkit-border-top-left-radius: 2px;
  880. -webkit-border-bottom-left-radius: 2px;
  881. -moz-border-radius-topleft: 2px;
  882. -moz-border-radius-bottomleft: 2px;
  883. border-top-left-radius: 2px;
  884. border-bottom-left-radius: 2px;
  885. position: absolute;
  886. left: 0;
  887. }
  888.  
  889. .left .arrow {
  890. background-position: 0 15px;
  891. margin: -7px auto auto 20px;
  892. }
  893.  
  894. .disabled .left .arrow {
  895. background-position: 0 0;
  896. }
  897.  
  898. .buttons .right {
  899. border-left-width: 1px;
  900. -webkit-border-top-right-radius: 2px;
  901. -webkit-border-bottom-right-radius: 2px;
  902. -moz-border-radius-topright: 2px;
  903. -moz-border-radius-bottomright: 2px;
  904. border-top-right-radius: 2px;
  905. border-bottom-right-radius: 2px;
  906. position: absolute;
  907. right: 0;
  908. }
  909.  
  910. .right .arrow {
  911. background-position: 10px -71px;
  912. margin: -7px auto auto 24px;
  913. }
  914.  
  915. .disabled .right .arrow {
  916. background-position: 10px -56px;
  917. }
  918.  
  919. /* Protection for parents that have floating children */
  920. #header:after,
  921. #container:after,
  922. .caption_and_post_info:after,
  923. #footer:after
  924. .buttons:after {
  925. content: ".";
  926. display: block;
  927. height: 0;
  928. clear: both;
  929. visibility: hidden;
  930. }
  931. </style>
  932.  
  933. {block:PermalinkPage}
  934. <!-- Simplified permalink pages (Hides right column) -->
  935. <style type="text/css" media="screen">
  936. #container {
  937. width: 700px;
  938. }
  939.  
  940. #header {
  941. width: 700px;
  942. }
  943.  
  944. #blog_info {
  945. width: 513px;
  946. margin: 0;
  947. }
  948.  
  949. #blog_avatar {
  950. width: 48px;
  951. height: 48px;
  952. backround-color: red;
  953. }
  954.  
  955. #blog_avatar a {
  956. position: absolute;
  957. left: auto;
  958. right: 0;
  959. }
  960.  
  961. #blog_avatar:hover a {
  962. left: auto;
  963. right: -8px;
  964. }
  965.  
  966. #sidebar {
  967. display: none;
  968. }
  969.  
  970. #blog_info {
  971. {block:IfNotShowBlogTitle}
  972. width: 632px;
  973. margin-top: -7px;
  974. float: right;
  975. color: #ffffff;
  976. {/block:IfNotShowBlogTitle}
  977. }
  978.  
  979. .tumblr_theme_marker_blogtitle
  980. {
  981. color: #6db8ff;
  982. }
  983. #blog_info .description {
  984. margin-bottom: 60px;
  985. }
  986.  
  987. .post .post_info,
  988. .post .post_info.floating,
  989. .post .caption {
  990. width: auto !important;
  991. float: none;
  992. }
  993.  
  994. .post .post_info {
  995. margin-top: 45px;
  996. }
  997.  
  998. .post .post_info li,
  999. .post .post_info.floating li {
  1000. line-height: 14px;
  1001. margin-bottom: 10px;
  1002. float: left;
  1003. }
  1004.  
  1005. .post .post_info li a,
  1006. .post .post_info.floating li a {
  1007. margin: 0 10px 0 0;
  1008. padding: 0 2px 0 5px;
  1009. }
  1010. </style>
  1011. {block:PermalinkPage}
  1012.  
  1013. {block:IfNotShowRightColumn}
  1014. <!-- Hides right column -->
  1015. <style type="text/css" media="screen">
  1016. #container {
  1017. width: 700px;
  1018. }
  1019.  
  1020. #header {
  1021. width: 700px;
  1022. }
  1023.  
  1024. #blog_info {
  1025. width: 513px;
  1026. margin: 0;
  1027. }
  1028.  
  1029. #blog_avatar {
  1030. width: 48px;
  1031. height: 48px;
  1032. backround-color: red;
  1033. }
  1034.  
  1035. #blog_avatar a {
  1036. position: absolute;
  1037. left: auto;
  1038. right: 0;
  1039. }
  1040.  
  1041. #blog_avatar:hover a {
  1042. left: auto;
  1043. right: -8px;
  1044. }
  1045.  
  1046. #sidebar {
  1047. display: none;
  1048. }
  1049.  
  1050. #blog_info {
  1051. {block:IfNotShowBlogTitle}
  1052. width: 632px;
  1053. margin-top: -7px;
  1054. float: right;
  1055. {/block:IfNotShowBlogTitle}
  1056. }
  1057.  
  1058. #blog_info .description {
  1059. margin-bottom: 60px;
  1060. }
  1061.  
  1062. .post .post_info,
  1063. .post .post_info.floating,
  1064. .post .caption {
  1065. width: auto !important;
  1066. float: none;
  1067. }
  1068.  
  1069. .post .post_info {
  1070. margin-top: 45px;
  1071. }
  1072.  
  1073. .post .post_info li,
  1074. .post .post_info.floating li {
  1075. line-height: 14px;
  1076. margin-bottom: 10px;
  1077. float: left;
  1078. }
  1079.  
  1080. .post .post_info li a,
  1081. .post .post_info.floating li a {
  1082. margin: 0 10px 0 0;
  1083. padding: 0 2px 0 5px;
  1084. }
  1085. </style>
  1086. {/block:IfNotShowRightColumn}
  1087.  
  1088. <!-- Custom CSS -->
  1089. <style type="text/css" media="screen">
  1090. {CustomCSS}
  1091. </style>
  1092.  
  1093. </head>
  1094. <body>
  1095. {block:IfShowBarOnTop}<section id="color_bar"></section>{/block:IfShowBarOnTop}
  1096.  
  1097. <section id="container" class="group">
  1098. <header id="header">
  1099. <section id="blog_info">
  1100. {block:IfShowBlogTitle}<h1><a href="/">{Title}</a></h1>{/block:IfShowBlogTitle}
  1101. {block:PermalinkPage}{block:IfShowBlogDescription}{block:Description}<div class="description cont">{Description}</div>{/block:Description}{/block:IfShowBlogDescription}{/block:PermalinkPage}
  1102. {block:IfNotShowRightColumn}{block:IfShowBlogDescription}<div class="cont description"{block:PermalinkPage} style="display:none; color: #ffffff;"{/block:PermalinkPage}>{Description}</div>{/block:IfShowBlogDescription}{/block:IfNotShowRightColumn}
  1103. </section>
  1104.  
  1105. {block:IfShowProfilePhoto}
  1106. <section id="blog_avatar">
  1107. <a href="/" class="avatar"><img src="{PortraitURL-64}"></a>
  1108. </section>
  1109. {/block:IfShowProfilePhoto}
  1110. </header>
  1111.  
  1112. <aside id="sidebar">
  1113. {block:IfShowBlogDescription}{block:Description}<div class="cont description group">{Description}</div>{/block:Description}{/block:IfShowBlogDescription}
  1114.  
  1115. {block:HasPages}
  1116. <ul class="links">
  1117. {block:Pages}
  1118. <li><a href="{URL}">{Label}</a></li>
  1119. {/block:Pages}
  1120. </ul>
  1121. {/block:HasPages}
  1122.  
  1123. <ul class="links" style="display:none;{block:AskEnabled} display:block;{/block:AskEnabled}{block:SubmissionsEnabled} display:block;{/block:SubmissionsEnabled}">
  1124. {block:AskEnabled}<li><a href="/ask" class="ask"><span class="icon"></span>ask me anything</a></li>{/block:AskEnabled}
  1125. {block:SubmissionsEnabled}<li><a href="/submit" class="submit"><span class="icon"></span>submit a post</a></li>{/block:SubmissionsEnabled}
  1126. </ul>
  1127.  
  1128. <ul class="links">
  1129. <li><a href="{RSS}" class="rss"><span class="icon"></span>rss</a></li>
  1130. <li><a href="/archive" class="archive"><span class="icon"></span>archive</a></li>
  1131. </ul>
  1132.  
  1133. {block:Twitter}
  1134. <aside id="twitter_container" style="display:none"></aside>
  1135.  
  1136. <script type="text/javascript">
  1137. function recent_tweets(data) {
  1138. document.getElementById("twitter_container").innerHTML =
  1139. document.getElementById("twitter_container").innerHTML +
  1140. '<a class="bubble" href="http://twitter.com/{TwitterUsername}/status/' +
  1141. (data[0].id_str ? data[0].id_str : data[0].id) +
  1142. '">' + data[0].text +
  1143. '<span class="arrow border"></span><span class="arrow fill"></span></a>' +
  1144. '<a href="http://twitter.com/{TwitterUsername}" class="twitter_username">@{TwitterUsername}</a>';
  1145.  
  1146. document.getElementById("twitter_container").style.display = 'block';
  1147. }
  1148. </script>
  1149. {/block:Twitter}
  1150. </aside>
  1151.  
  1152. <ul id="posts">
  1153. <!-- START POSTS -->
  1154. {block:Posts}
  1155.  
  1156. <li class="post group" {block:IfShowPostNotes} {block:PostNotes} style="padding:0"{/block:PostNotes} {/block:IfShowPostNotes}>
  1157.  
  1158. {block:Photo}
  1159. <section class="top media" style="display:block;">
  1160. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"> {LinkCloseTag}{Question}
  1161. </section>
  1162. {/block:Photo}
  1163.  
  1164. {block:Photoset}
  1165. <section class="top media photoset">
  1166. {Photoset-700}
  1167. </section>
  1168. {/block:Photoset}
  1169.  
  1170. {block:Link}
  1171. <section class="top link_post">
  1172. <a href="{URL}" class="link">{Name}<span class="arrow"></span></a>
  1173. </section>
  1174. {/block:Link}
  1175.  
  1176. {block:Audio}
  1177. <section class="top audio">
  1178. {AudioPlayerBlack}
  1179. </section>
  1180. {/block:Audio}
  1181.  
  1182. {block:Video}
  1183. <section class="top media">
  1184. {Video-700}
  1185. </section>
  1186. {/block:Video}
  1187.  
  1188. <section class="group caption_and_post_info
  1189. {block:Photo} after_top_part isphoto{/block:Photo}
  1190. {block:Photoset} after_top_part isphoto{/block:Photoset}
  1191. {block:Link} after_top_part islink{/block:Link}
  1192. {block:Audio} after_top_part isaudio{/block:Audio}
  1193. {block:Video} after_top_part isvideo{/block:Video}
  1194. ">
  1195. {block:Text}
  1196. <section class="caption group">
  1197. {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  1198. <div class="cont group">{Body}</div>
  1199. {block:ContentSource}
  1200. <div class="cont content_source">
  1201. <a href="{SourceURL}">
  1202. {lang:Source}:
  1203. {block:SourceLogo}
  1204. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1205. {/block:SourceLogo}
  1206. {block:NoSourceLogo}
  1207. {SourceTitle}
  1208. {/block:NoSourceLogo}
  1209. </a>
  1210. </div>
  1211. {/block:ContentSource}
  1212. </section>
  1213. {/block:Text}
  1214.  
  1215. {block:Answer}
  1216. <section class="caption group">
  1217. <div class="cont group">
  1218.  
  1219. <div class="question bubble">
  1220. {Question}
  1221. <span class="arrow border"></span>
  1222. <span class="arrow fill"></span>
  1223. </div>
  1224. <div class="asker group">
  1225. <img src="{AskerPortraitURL-24}" width="24" height="24" /> {Asker}
  1226. </div>
  1227. <div class="answer cont">{Answer}</div>
  1228. </div>
  1229. {block:ContentSource}
  1230. <div class="cont content_source">
  1231. <a href="{SourceURL}">
  1232. {lang:Source}:
  1233. {block:SourceLogo}
  1234. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1235. {/block:SourceLogo}
  1236. {block:NoSourceLogo}
  1237. {SourceTitle}
  1238. {/block:NoSourceLogo}
  1239. </a>
  1240. </div>
  1241. {/block:ContentSource}
  1242. </section>
  1243. {/block:Answer}
  1244.  
  1245. {block:Photo}
  1246. <section class="caption group">
  1247. {block:Caption}
  1248. <div class="cont">{Caption}</div>
  1249. {/block:Caption}
  1250. {block:ContentSource}
  1251. <div class="cont content_source">
  1252. <a href="{SourceURL}">
  1253. {lang:Source}:
  1254. {block:SourceLogo}
  1255. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1256. {/block:SourceLogo}
  1257. {block:NoSourceLogo}
  1258. {SourceTitle}
  1259. {/block:NoSourceLogo}
  1260. </a>
  1261. </div>
  1262. {/block:ContentSource}
  1263. </section>
  1264. {/block:Photo}
  1265.  
  1266. {block:Photoset}
  1267. <section class="caption group">
  1268. {block:Caption}
  1269. <div class="cont">{Caption}</div>
  1270. {/block:Caption}
  1271. {block:ContentSource}
  1272. <div class="cont content_source">
  1273. <a href="{SourceURL}">
  1274. {lang:Source}:
  1275. {block:SourceLogo}
  1276. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1277. {/block:SourceLogo}
  1278. {block:NoSourceLogo}
  1279. {SourceTitle}
  1280. {/block:NoSourceLogo}
  1281. </a>
  1282. </div>
  1283. {/block:ContentSource}
  1284. </section>
  1285. {/block:Photoset}
  1286.  
  1287. {block:Quote}
  1288. <section class="caption group">
  1289. <section class="quote {Length}_text {block:IfUseLargerFontForQuotes}larger_text{/block:IfUseLargerFontForQuotes}"><span>“</span>{Quote}”</section>
  1290. {block:Source}
  1291. <div class="cont quote_source">&mdash; {Source}</div>
  1292. {/block:Source}
  1293. {block:ContentSource}
  1294. <div class="cont content_source">
  1295. <a href="{SourceURL}">
  1296. {lang:Source}:
  1297. {block:SourceLogo}
  1298. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1299. {/block:SourceLogo}
  1300. {block:NoSourceLogo}
  1301. {SourceTitle}
  1302. {/block:NoSourceLogo}
  1303. </a>
  1304. </div>
  1305. {/block:ContentSource}
  1306. </section>
  1307. {/block:Quote}
  1308.  
  1309. {block:Link}
  1310. {block:Description}
  1311. <section class="caption group">
  1312. <div class="cont">{Description}</div>
  1313. {block:ContentSource}
  1314. <div class="cont content_source">
  1315. <a href="{SourceURL}">
  1316. {lang:Source}:
  1317. {block:SourceLogo}
  1318. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1319. {/block:SourceLogo}
  1320. {block:NoSourceLogo}
  1321. {SourceTitle}
  1322. {/block:NoSourceLogo}
  1323. </a>
  1324. </div>
  1325. {/block:ContentSource}
  1326. </section>
  1327. {/block:Description}
  1328. {/block:Link}
  1329.  
  1330. {block:Chat}
  1331. <section class="caption group">
  1332. {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  1333. <ul class="conversation">
  1334. {block:Lines}
  1335. <li class="chat_line user{UserNumber}">
  1336. {block:Label}
  1337. <strong>{Label}</strong>&nbsp;&nbsp;
  1338. {/block:Label}
  1339. {Line}
  1340. </li>
  1341. {/block:Lines}
  1342. </ul>
  1343. {block:ContentSource}
  1344. <div class="cont content_source">
  1345. <a href="{SourceURL}">
  1346. {lang:Source}:
  1347. {block:SourceLogo}
  1348. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1349. {/block:SourceLogo}
  1350. {block:NoSourceLogo}
  1351. {SourceTitle}
  1352. {/block:NoSourceLogo}
  1353. </a>
  1354. </div>
  1355. {/block:ContentSource}
  1356. </section>
  1357. {/block:Chat}
  1358.  
  1359. {block:Audio}
  1360. {block:Caption}
  1361. <section class="caption group">
  1362. <div class="cont">{Caption}</div>
  1363. {block:ContentSource}
  1364. <div class="cont content_source">
  1365. <a href="{SourceURL}">
  1366. {lang:Source}:
  1367. {block:SourceLogo}
  1368. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1369. {/block:SourceLogo}
  1370. {block:NoSourceLogo}
  1371. {SourceTitle}
  1372. {/block:NoSourceLogo}
  1373. </a>
  1374. </div>
  1375. {/block:ContentSource}
  1376. </section>
  1377. {/block:Caption}
  1378. {/block:Audio}
  1379.  
  1380. {block:Video}
  1381. <section class="caption group">
  1382. {block:Caption}
  1383. <div class="cont">{Caption}</div>
  1384. {/block:Caption}
  1385. {block:ContentSource}
  1386. <div class="cont content_source">
  1387. <a href="{SourceURL}">
  1388. {lang:Source}:
  1389. {block:SourceLogo}
  1390. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1391. {/block:SourceLogo}
  1392. {block:NoSourceLogo}
  1393. {SourceTitle}
  1394. {/block:NoSourceLogo}
  1395. </a>
  1396. </div>
  1397. {/block:ContentSource}
  1398. </section>
  1399. {/block:Video}
  1400.  
  1401. <ul class="
  1402. post_info
  1403. {block:IfPlaceTimestampInLeftColumn}
  1404. {block:Text} floating{/block:Text}
  1405. {block:Answer} floating{/block:Answer}
  1406. {block:Photo}{block:Caption} floating{/block:Caption}{/block:Photo}
  1407. {block:Photo}{block:ContentSource} floating{/block:ContentSource}{/block:Photo}
  1408. {block:Photoset}{block:Caption} floating{/block:Caption}{/block:Photoset}
  1409. {block:Photoset}{block:ContentSource} floating{/block:ContentSource}{/block:Photoset}
  1410. {block:Quote} floating{/block:Quote}
  1411. {block:Link}{block:Description} floating{/block:Description}{/block:Link}
  1412. {block:Link}{block:ContentSource} floating{/block:ContentSource}{/block:Link}
  1413. {block:Chat} floating{/block:Chat}
  1414. {block:Audio}{block:Caption} floating{/block:Caption}{/block:Audio}
  1415. {block:Audio}{block:ContentSource} floating{/block:ContentSource}{/block:Audio}
  1416. {block:Video}{block:Caption} floating{/block:Caption}{/block:Video}
  1417. {block:Video}{block:ContentSource} floating{/block:ContentSource}{/block:Video}
  1418. {/block:IfPlaceTimestampInLeftColumn}
  1419. ">
  1420. {block:Date}
  1421. <li>
  1422. <ul class="post_controls group">
  1423. <li>{ReblogButton size="21"}</li>
  1424. <li>{LikeButton size="21"}</li>
  1425. </ul>
  1426. </li>
  1427. {/block:Date}
  1428. <li><a href="{Permalink}" class="
  1429. timestamp
  1430. {block:Text}has_caption{block:Title} with_title{/block:Title}{/block:Text}
  1431. {block:Photo}{block:Caption}has_caption{/block:Caption}{/block:Photo}
  1432. {block:Photoset}{block:Caption}has_caption{/block:Caption}{/block:Photoset}
  1433.  
  1434. {block:Quote}
  1435. {block:Source}
  1436. {Length}_quote
  1437. {/block:Source}
  1438. {/block:Quote}
  1439.  
  1440. {block:Link}{block:Description}has_caption{/block:Description}{/block:Link}
  1441. {block:Chat}chat{block:Title} with_title{/block:Title}{/block:Chat}
  1442. {block:Audio}{block:Caption}has_caption{/block:Caption}{/block:Audio}
  1443. {block:Video}{block:Caption}has_caption{/block:Caption}{/block:Video}
  1444. ">{block:IndexPage}{TimeAgo}{/block:IndexPage}{block:PermalinkPage}{block:Date}{Month} {DayOfMonth}, {Year} ({12Hour}:{Minutes} {AmPm}){/block:Date}{/block:PermalinkPage}</a></li>{block:PermalinkPage}{block:HasTags}{/block:HasTags}{/block:PermalinkPage}
  1445.  
  1446. {block:IfShowPostNotes}
  1447. {block:NoteCount}
  1448. <li><a class="notecount" href="{Permalink}#notes">{NoteCount} notes</a></li>
  1449. {/block:NoteCount}
  1450. {/block:IfShowPostNotes}
  1451.  
  1452. {block:IfShowTags}
  1453. {block:Tags}
  1454. <li><a class="tag" href="{TagURL}"><span>#</span>{Tag}</a></li>
  1455. {/block:Tags}
  1456. {/block:IfShowTags}
  1457. </ul>
  1458. {block:PostNotes}
  1459. <section class="post_notes">
  1460. <a name="notes">
  1461. {PostNotes}
  1462. </a>
  1463. </section>
  1464. {/block:PostNotes}
  1465.  
  1466. {block:IfDisqusShortname}{block:IndexPage}
  1467. <section class="caption group">
  1468. <a class="disquscomments" href="{Permalink}#disqus_thread">{NoteCount} Comments</a>
  1469. </section>
  1470. {/block:IndexPage}{/block:IfDisqusShortname}
  1471. {block:IfDisqusShortname}{block:Permalink}
  1472. <div id="disqus_thread"></div>
  1473. <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
  1474. <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">View the discussion thread.</a></noscript>
  1475. {/block:Permalink}{/block:IfDisqusShortname}
  1476.  
  1477. </section>
  1478. </li>
  1479.  
  1480. {/block:Posts}
  1481. <!-- END POSTS -->
  1482. </ul>
  1483.  
  1484. {block:IfDisqusShortname}
  1485. <script type="text/javascript">
  1486. //<![CDATA[
  1487. (function() {
  1488. var links = document.getElementsByTagName('a');
  1489. var query = '?';
  1490. for(var i = 0; i < links.length; i++) {
  1491. if(links[i].href.indexOf('#disqus_thread') >= 0) {
  1492. query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
  1493. }
  1494. }
  1495. document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
  1496. })();
  1497. //]]>
  1498. </script>
  1499. {/block:IfDisqusShortname}
  1500.  
  1501. <footer id="footer">
  1502. {block:IfShowCopyrightInFooter}
  1503. <section class="copyright">&copy; {CopyrightYears} {Title}</section>
  1504. {/block:IfShowCopyrightInFooter}
  1505. {block:Pagination}
  1506. <nav class="pagination">
  1507. <section class="buttons">
  1508. {block:PreviousPage}<a href="{PreviousPage}" class="left">{lang:Previous page}<span class="arrow"></span></a>{/block:PreviousPage}
  1509. {block:NextPage}<a href="{NextPage}" class="right">{lang:Next page}<span class="arrow"></span></a>{block:NextPage}
  1510. </section>
  1511. <section class="disabled buttons">
  1512. <li class="left"><span class="arrow"></span></li>
  1513. <li class="right"><span class="arrow"></span></li>
  1514. </section>
  1515. <section class="count">Page {CurrentPage} / {TotalPages}</section>
  1516. </nav>
  1517. {/block:Pagination}
  1518. </footer>
  1519. </section>
  1520.  
  1521. {block:IfUseEndlessScrolling}
  1522. <script type="text/javascript" src="http://assets.tumblr.com/assets/scripts/jquery-1.7.2.min.js"></script>
  1523. <script type="text/javascript">
  1524. var Tumblelog = {};
  1525.  
  1526. // AJAX
  1527. Tumblelog.Ajax = (function(url, callbackFunction) {
  1528. this.bindFunction = function (caller, object) {
  1529. return function() {
  1530. return caller.apply(object, [object]);
  1531. };
  1532. };
  1533.  
  1534. this.stateChange = function (object) {
  1535. if (this.request.readyState==4) this.callbackFunction(this.request.responseText);
  1536. };
  1537.  
  1538. this.getRequest = function() {
  1539. if (window.ActiveXObject)
  1540. return new ActiveXObject('Microsoft.XMLHTTP');
  1541. else if (window.XMLHttpRequest)
  1542. return new XMLHttpRequest();
  1543. return false;
  1544. };
  1545.  
  1546. this.postBody = (arguments[2] || "");
  1547. this.callbackFunction=callbackFunction;
  1548. this.url=url;
  1549. this.request = this.getRequest();
  1550.  
  1551. if(this.request) {
  1552. var req = this.request;
  1553. req.onreadystatechange = this.bindFunction(this.stateChange, this);
  1554.  
  1555. if (this.postBody!=="") {
  1556. req.open("POST", url, true);
  1557. req.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
  1558. req.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
  1559. req.setRequestHeader('Connection', 'close');
  1560. } else {
  1561. req.open("GET", url, true);
  1562. }
  1563.  
  1564. req.send(this.postBody);
  1565. }
  1566. });
  1567.  
  1568. // Infinite Scroll
  1569. Tumblelog.Infinite = (function() {
  1570.  
  1571. var _$window = $(window);
  1572. var _$posts = $('#posts');
  1573. var _trigger_post = null;
  1574.  
  1575. var _current_page = {CurrentPage};
  1576. var _total_pages = {TotalPages};
  1577. var _url = document.location.href.split("#")[0];
  1578. var _infinite_timeout = null;
  1579. var _is_loading = false;
  1580. var _posts_loaded = false;
  1581.  
  1582. var _Ajax = Tumblelog.Ajax;
  1583.  
  1584. function init() {
  1585. set_trigger();
  1586. enable_scroll();
  1587. }
  1588.  
  1589. function set_trigger () {
  1590. var $all_posts = _$posts.find('li.post');
  1591.  
  1592. if (!_posts_loaded) {
  1593. _posts_loaded = $all_posts.length;
  1594. }
  1595.  
  1596. if (_posts_loaded >= 4) {
  1597. _trigger_post = _$posts.find('li.post:eq(' + ($all_posts.length - 4) + ')').get(0);
  1598. } else if (_posts_loaded >= 3) {
  1599. _trigger_post = _$posts.find('li.post:eq(' + ($all_posts.length - 3) + ')').get(0);
  1600. } else {
  1601. _trigger_post = _$posts.find('li.post:last').get(0);
  1602. }
  1603. };
  1604.  
  1605. function in_viewport (el) {
  1606. if (el == null) return;
  1607. var top = el.offsetTop;
  1608. var height = el.offsetHeight;
  1609.  
  1610. while (el.offsetParent) {
  1611. el = el.offsetParent;
  1612. top += el.offsetTop;
  1613. }
  1614.  
  1615. return (top < (window.pageYOffset + window.innerHeight));
  1616. };
  1617.  
  1618. function enable_scroll() {
  1619. $('#footer .pagination').hide();
  1620. _$window.scroll(function(){
  1621. clearTimeout(_infinite_timeout);
  1622. infinite_timeout = setTimeout(infinite_scroll, 100);
  1623. });
  1624. }
  1625.  
  1626. function disable_scroll() {
  1627. clearTimeout(_infinite_timeout);
  1628. $(window).unbind('scroll');
  1629. }
  1630.  
  1631. function infinite_scroll() {
  1632. if (_is_loading) return;
  1633.  
  1634. if (in_viewport(_trigger_post)) {
  1635. load_more_posts(); // w00t
  1636. }
  1637. };
  1638.  
  1639. function load_more_posts() {
  1640. if (_is_loading) return;
  1641. _is_loading = true;
  1642.  
  1643. // Build URL
  1644. if (_url.charAt(_url.length - 1) != '/') _url += '/';
  1645. if (_current_page === 1) _url += 'page/1';
  1646. _current_page++;
  1647. _url = _url.replace('page/' + (_current_page - 1), 'page/' + _current_page);
  1648.  
  1649. // Fetch
  1650. _Ajax(_url, function(data) {
  1651. var new_posts_html = data.split('<!-- START' + ' POSTS -->')[1].split('<!-- END' + ' POSTS -->')[0];
  1652. var $new_posts = $('#posts', data);
  1653.  
  1654. // Insert posts and update counters
  1655. $('#posts').append(new_posts_html);
  1656. _posts_loaded = $new_posts.find('li.post').length;
  1657.  
  1658. if (_posts_loaded) {
  1659. var post_ids = [];
  1660. var like_buttons = $('#posts', data).find('.like_button');
  1661. for (var i = 0; i < like_buttons.length; i++) {
  1662. var button = like_buttons[i];
  1663. if ($(button).attr('data-post-id')) {
  1664. post_ids.push($(button).attr('data-post-id'));
  1665. }
  1666. }
  1667. if (post_ids.length > 0) Tumblr.LikeButton.get_status_by_post_ids(post_ids);
  1668. }
  1669.  
  1670. if ((_posts_loaded > 0) && (_current_page < _total_pages)) {
  1671. set_trigger();
  1672. _is_loading = false;
  1673.  
  1674. } else {
  1675. disable_scroll();
  1676. }
  1677. });
  1678.  
  1679. // Stats
  1680. {block:IfGoogleAnalyticsID}
  1681. if (typeof window._gaq != 'undefined') {
  1682. _gaq.push(['_trackPageview', _url]);
  1683. }
  1684. {/block:IfGoogleAnalyticsID}
  1685. }
  1686.  
  1687. return {
  1688. init: init
  1689. };
  1690. });
  1691.  
  1692. $(function() {
  1693. {block:IndexPage}
  1694. if ( !($.browser.msie && (parseInt($.browser.version, 10) < 9) ) ) {
  1695. var InfiniteScroll = new Tumblelog.Infinite;
  1696. InfiniteScroll.init();
  1697. }
  1698. {/block:IndexPage}
  1699. });
  1700. </script>
  1701. {/block:IfUseEndlessScrolling}
  1702.  
  1703. {block:Twitter}
  1704. <script type="text/javascript" src="/tweets.js"></script>
  1705. {/block:Twitter}
  1706.  
  1707. {block:IfGoogleAnalyticsID}
  1708. <script type="text/javascript">
  1709. var _gaq=[['_setAccount','{text:Google Analytics ID}'],['_trackPageview']];
  1710. (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  1711. g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
  1712. s.parentNode.insertBefore(g,s)}(document,'script'));
  1713. </script>
  1714. {/block:IfGoogleAnalyticsID}
  1715. </body>
  1716. </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!