SHARE
TWEET

laura theme

themekid Mar 5th, 2016 (edited) 1,088 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!------------------------------------------
  5.  
  6. (◍•ᴗ•◍)♡ ✧*。
  7.  
  8. Laura Theme by ThemeKid Chloë | @redivide | @themekid
  9.  
  10. > Do not delete/alter any credit.
  11. > Do not claim as your own.
  12. > Do not copy any code.
  13. > Do not redistribute.
  14.  
  15. ------------------------------------------->
  16. {block:Hidden}
  17. <meta name="image:Background" content="" />
  18. <meta name="image:Corner" content="http://i1068.photobucket.com/albums/u451/Janelle-Sollogub/tumblr_m5eui0Bqib1rqmdb7.png" />
  19.  
  20. <meta name="color:Background" content="#fff" />
  21. <meta name="color:Accent" content="#000000" />
  22. <meta name="color:Accent 2" content="#cccccc" />
  23.  
  24. <meta name="if:Tiled Background" content="" />
  25. <meta name="if:Submit Link" content="" />
  26. <meta name="if:Credit Link" content="" />
  27. <meta name="if:Custom Favicon" content="" />
  28. <meta name="if:Rounded Corners" content="" />
  29. <meta name="if:Alternate Permalinks" content="" />
  30. <meta name="if:Redirect Ask" content="" />
  31.  
  32. <meta name="text:IMPORTANT" content="do not enable the redirect ask if you are using the default /ask page. it will cause your browser to crash! only enable if you are using a custom ask page."/>
  33. <meta name="text:Ask Link" content="/ask" />
  34. <meta name="text:Favicon URL" content="http://" />
  35. <meta name="text:Corner Image Width" content="400" />{/block:Hidden}
  36. <meta charset="UTF-8" />
  37. <title>{Title}</title>
  38. {block:IfNotCustomFavicon}
  39. <link rel="shortcut icon" href="{Favicon}">
  40. {/block:IfNotCustomFavicon}
  41. {block:IfCustomFavicon}
  42. <link rel="shortcut icon" href="{text:Favicon URL}">
  43. {/block:IfCustomFavicon}
  44. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  45. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"> </script>
  46. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  47. <script>
  48. {block:IfRedirectAsk}
  49. if(window.location.pathname == '/ask') location.replace('{text:Ask Link}');{/block:IfRedirectAsk}
  50. (function($){ $(document).ready(function(){ $("[title],a[title],img[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:100, tip_fade_speed:300, attribute:"title" }); }); })(jQuery);
  51. </script>
  52. <link rel="stylesheet" href="http://static.tumblr.com/8pnyeus/29To2og0o/styles.css">
  53. <script src="https://dl.dropboxusercontent.com/s/7ke33tjjl8rty02/scripts.js"></script>
  54. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">  
  55. <link href="//static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  56. <link href='//fonts.googleapis.com/css?family=Lora:400,600|Roboto+Condensed' rel='stylesheet' type='text/css'>
  57. <style type="text/css">
  58. #tumblr_controls, .tmblr-iframe {
  59.     top:10px!important;
  60.     right:5px!important;
  61.     -webkit-filter: invert(90%);
  62.             filter: invert(90%);
  63.     position:fixed!important;
  64.     -webkit-transform:scale(.8, .8);
  65.        -moz-transform:scale(.8, .8);
  66.             transform:scale(.8, .8);
  67.     -webkit-transform-origin: right top;
  68.        -moz-transform-origin: right top;
  69.         -ms-transform-origin: right top;
  70.          -o-transform-origin: right top;
  71.             transform-origin: right top;
  72.     z-index:999999999999999999!important
  73. }
  74. #reblogged {
  75.     opacity:1!important;
  76. }
  77. #infscr-loading {
  78.     position:absolute;
  79.     bottom:30px;
  80.     width:200px;
  81.     margin-left:50%;
  82.     left:-100px;
  83.     text-align:center;
  84. }
  85. ::-webkit-scrollbar {
  86.     background-color:#ddd;
  87.     height: 11px;
  88.     width: 11px;
  89.     border:5px solid #fff;
  90. }
  91. ::-webkit-scrollbar-thumb {
  92.     background-color:#000;
  93.     border:5px solid #fff;
  94. }
  95. ::-moz-selection {
  96.     color:{color:Accent 2};
  97.     background:rgba({RGBcolor:Accent},0.1);
  98. }
  99.  
  100. ::selection {
  101.     color:{color:Accent 2};
  102.     background:rgba({RGBcolor:Accent},0.1);
  103. }
  104. #s-m-t-tooltip {
  105.     max-width:300px;
  106.     padding:3px 6px;
  107.     margin:20px 10px;
  108.     background: #000;
  109.     color:#fff;
  110.     z-index:999999999999999!important;
  111.     font-size:9px;
  112.     text-transform:uppercase;
  113.     font-family:'Roboto Condensed',sans-serif;
  114. }
  115. * {
  116.     margin:0;
  117.     padding:0;
  118. }
  119. body {
  120.     background:{color:Background} url({image:Background}) {block:IfNotTiledBackground}no-repeat center center fixed;
  121.     background-size:cover;{/block:IfNotTiledBackground}
  122.     {block:IfTiledBackground}repeat fixed;{/block:IfTiledBackground}
  123.     color:#000;
  124.     font-size:12px;
  125.     word-wrap:break-word;
  126.     font-family:'Lora', serif;
  127.     font-size:11px;
  128. }
  129. body:before {
  130.     content:'';
  131.     position:fixed;
  132.     left:0;
  133.     top:0;
  134.     background:{color:Accent};
  135.     width:100%;
  136.     height:5px;
  137.     z-index:999;
  138. }
  139. img:not(.lightbox-image), embed, object, video, .tumblr_video_container, iframe:not(.tumblr_audio_player)  {
  140.     max-width:100%!important;
  141.     height:auto;
  142. }
  143. img:not(.lightbox-image) {
  144.     vertical-align:middle;
  145. }
  146. .tumblr_video_container {
  147.     height:auto!important;
  148. }
  149. .vine-embed {
  150.     height:220px!important;
  151. }
  152. ul, ol {
  153.     padding-left:20px;
  154. }
  155. a {
  156.     text-decoration:none;
  157.     color:{color:Accent};
  158.     -webkit-transition: all 0.2s ease-in-out;
  159.        -moz-transition: all 0.2s ease-in-out;
  160.          -o-transition: all 0.2s ease-in-out;
  161.             transition: all 0.2s ease-in-out;
  162. }
  163. a:hover {
  164.     color:{color:Accent 2};
  165.     -webkit-transition: all 0.2s ease-in-out;
  166.        -moz-transition: all 0.2s ease-in-out;
  167.          -o-transition: all 0.2s ease-in-out;
  168.             transition: all 0.2s ease-in-out;
  169. }
  170. a:focus {
  171.     outline:none;
  172. }
  173. li {
  174.     position:relative;
  175. }
  176. #sidebar {
  177.     position:fixed;
  178.     text-align:left;
  179.     max-width:150px;
  180.     bottom:20px;
  181.     left:20px;
  182. }
  183.  
  184. ul#navlinks {
  185.     list-style:none;
  186.     padding:0;
  187.     font-size:0;
  188.     margin-bottom:35px;
  189.     text-align:center;
  190.     {block:IfNotSidebarEffect}margin-top:15px;{/block:IfNotSidebarEffect}
  191. }
  192. ul#navlinks li {
  193.     display:inline-block;
  194.     margin:0 12px 0 0;
  195.     font-size:11px;
  196.     text-transform:lowercase;
  197.     border-bottom:1px solid transparent;
  198.     -webkit-transition: all 0.3s ease-in-out;
  199.        -moz-transition: all 0.3s ease-in-out;
  200.          -o-transition: all 0.3s ease-in-out;
  201.             transition: all 0.3s ease-in-out;
  202. }
  203. ul#navlinks a:hover li {
  204.     border-bottom:1px solid {color:Accent 2};
  205. }
  206. ul#navlinks a:first-of-type {
  207.     font-style:italic;
  208. }
  209. ul#navlinks a:after {
  210.     content:'···';
  211.     margin-right:12px;
  212.     font-size:11px;
  213.     color:{color:Accent};
  214. }
  215. ul#navlinks a:last-of-type:after {
  216.     content:'';
  217.     margin-left:0px;
  218. }
  219. ul#navlinks a:last-of-type li {
  220.     margin-right:0;
  221. }
  222. #wrapper {
  223.     width:690px;
  224.     left:calc(50% - 352px);
  225.     position:relative;
  226.     top:35px;
  227.     {block:PermalinkPage}top:50px;{/block:PermalinkPage}
  228. }
  229. article {
  230.     width:150px;
  231.     margin-bottom:30px;
  232.     position:relative;
  233.     {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  234. }
  235. article.text-based {
  236.     width:330px;
  237. }
  238. article .tb {
  239.     padding:15px;
  240.     background:rgba(255,255,255,0.8);
  241.     {block:IfRoundedCorners}border-radius:5px;{/block:IfRoundedCorners}
  242. }
  243. article h2 {
  244.     font-weight:normal;
  245.     font-size:1em;
  246.     background:{color:Accent 2};
  247.     padding:5px 7px;
  248.     margin-bottom:10px;
  249.     text-align:center;
  250. }
  251. article blockquote {
  252.     padding-left: 10px;
  253.     border-left: 2px solid {color:Accent};
  254.     margin: 5px;
  255.     margin-left: 12px;
  256. }
  257. article p {
  258.     margin:5px 0;
  259. }
  260. article p:first-of-type {
  261.     margin-top:0;
  262. }
  263. article p:last-of-type {
  264.     margin-bottom:0;
  265. }
  266. article ul, article ol {
  267.     padding-left:30px;
  268.     line-height:175%;
  269. }
  270. article ul {
  271.     list-style:none;
  272. }
  273. article ul li:before {
  274.     content:'';
  275.     position:absolute;
  276.     top:8px;
  277.     left:-20px;
  278.     width:10px;
  279.     height:1px;
  280.     background:{color:Accent 2};
  281. }
  282. article a {
  283.     border-bottom:1px solid #eee;
  284.     color:#9f9f9f;
  285. }
  286. article a:hover {
  287.     border-color:rgba({RGBcolor:Accent 2},0.5);
  288.     color:{color:Accent 2};
  289. }
  290. article hr {
  291.     border:none;
  292.     width:75%;
  293.     margin:15px auto;
  294.     height:1px;
  295.     background:rgba({RGBcolor:Accent},0.5);
  296. }
  297. .photo img {
  298.     {block:IfRoundedCorners}border-radius:5px;{/block:IfRoundedCorners}
  299. }
  300. .quote h2 {
  301.     background:none;
  302.     text-align:left;
  303. }
  304. .quote.short h2 {
  305.     font-size:2em;
  306.     line-height:120%;
  307. }
  308. .quote.medium h2 {
  309.     font-size:1.5em;
  310.     line-height:120%;
  311. }
  312. .quote.long h2 {
  313.     font-size:1em;
  314. }
  315. .quote cite {
  316.     text-align:right;
  317.     display:block;
  318. }
  319. .chat ul {
  320.     padding:0;
  321. }
  322. .chat li:before {
  323.     display:none;
  324. }
  325. .chat b {
  326.     color:{color:Accent 2};
  327. }
  328. img.album-art {
  329.     width:80px;
  330.     height:80px;
  331.     position:absolute;
  332.     {block:IfRoundedCorners}border-radius:5px;{/block:IfRoundedCorners}
  333. }
  334. .audio-info {
  335.     display:inline-block;
  336.     margin-left:90px;
  337.     min-height:80px;
  338. }
  339. .tumblr_audio_player {
  340.     opacity:0.9;
  341.     width:30px;
  342.     height:30px;
  343.     border-radius:50%;
  344.     position:absolute;
  345.     top:55px;
  346.     left:55px;
  347. }
  348. .answer h2 {
  349.     text-transform:lowercase;
  350. }
  351. .answer h2 a, .link h2 a {
  352.     color: #000;
  353.     border-bottom:none;
  354. }
  355. .answer h2 a:hover, .link h2 a:hover {
  356.     color:{color:Accent 2};
  357. }
  358. .link h2 {
  359.     text-align:left;
  360. }
  361. .link h2 svg {
  362.     width: 13px;
  363.     height: auto;
  364.     margin-top:1px;
  365.     float:right;
  366. }
  367. .response {
  368.     position: relative;
  369.     margin-top: 31px;
  370. }
  371. .response:before {
  372.     content: '';
  373.     width:75%;
  374.     height:1px;
  375.     background:rgba({RGBcolor:Accent},0.5);
  376.     left: 12.5%;
  377.     top: -15px;
  378.     position: absolute;
  379. }
  380. .response:empty {
  381.     display:none;
  382. }
  383. {block:IfAlternatePermalinks}
  384. .other_perma {
  385.     text-align:right;
  386.     color:{color:Accent 2};
  387.     padding-top:15px;
  388.     font-family: 'Roboto Condensed', sans-serif;
  389. }
  390. .other_perma a {
  391.     color:{color:Accent 2};
  392.     border-bottom:0;
  393.     -webkit-transition: all 0.3s ease-in-out;
  394.        -moz-transition: all 0.3s ease-in-out;
  395.          -o-transition: all 0.3s ease-in-out;
  396.             transition: all 0.3s ease-in-out;
  397. }
  398.  
  399. .other_perma a:hover{
  400.     color:{color:accent};
  401.     -webkit-transition: all 0.3s ease-in-out;
  402.        -moz-transition: all 0.3s ease-in-out;
  403.          -o-transition: all 0.3s ease-in-out;
  404.             transition: all 0.3s ease-in-out;
  405. }
  406. .mask {
  407.     position:absolute;
  408.     top:0;
  409.     left:0;
  410.     width:100%;
  411.     height:calc(100% + 1px);
  412.     background:rgba(255,255,255,0.9);
  413.     outline:1px {select:Borders} {color:Accent 2};
  414.     opacity:0;
  415.     visibility:hidden;
  416.     z-index:999;
  417.     -webkit-transition: all 0.3s ease-in-out;
  418.        -moz-transition: all 0.3s ease-in-out;
  419.          -o-transition: all 0.3s ease-in-out;
  420.             transition: all 0.3s ease-in-out;
  421. }
  422. article:hover .mask {
  423.     opacity:1;
  424.     visibility:visible;
  425.     outline-offset:-15px;
  426.     -webkit-transition: all 0.3s ease-in-out;
  427.        -moz-transition: all 0.3s ease-in-out;
  428.          -o-transition: all 0.3s ease-in-out;
  429.             transition: all 0.3s ease-in-out;
  430. }
  431. .mask .more {
  432.     width:180px;
  433.     text-align:center;
  434.     font-family:'Roboto Condensed', sans-serif;
  435.     text-transform:uppercase;
  436.     position:relative;
  437.     line-height:200%;
  438.     left:calc(50% - 90px);
  439.     top:50%;
  440.     -webkit-transform: translate(0%, -50%);
  441.        -moz-transform: translate(0%, -50%);
  442.         -ms-transform: translate(0%, -50%);
  443.          -o-transform: translate(0%, -50%);
  444.             transform: translate(0%, -50%);
  445. }
  446. {/block:IfAlternatePermalinks}
  447. {block:IfNotAlternatePermalinks}
  448. .permalinks {
  449.     float:right;
  450.     font-size:9px;
  451.     margin-top:5px;
  452. }
  453. .permalinks a {
  454.     color:#000;
  455. }
  456. {/block:IfNotAlternatePermalinks}
  457. #show-notes {
  458.     color: #9f9f9f;
  459.     border-bottom: 1px solid #eee;
  460.     font-weight: bold;
  461.     text-transform: uppercase;
  462.     cursor: pointer;
  463.     font-size: 0.85em;
  464.     margin: 0 auto;
  465.     text-align: center;
  466.     width: 66px;
  467.     -webkit-transition: all 0.2s ease-in-out;
  468.        -moz-transition: all 0.2s ease-in-out;
  469.          -o-transition: all 0.2s ease-in-out;
  470.             transition: all 0.2s ease-in-out;
  471.     margin-top:10px;
  472. }
  473. #show-notes:hover {
  474.     color:{color:Accent 2};
  475.     border-color:rgba({RGBcolor:Accent 2},0.5);
  476.     -webkit-transition: all 0.2s ease-in-out;
  477.        -moz-transition: all 0.2s ease-in-out;
  478.          -o-transition: all 0.2s ease-in-out;
  479.             transition: all 0.2s ease-in-out;
  480. }
  481. #notes {
  482.     display:none;
  483. }
  484. ol.notes {
  485.     padding:0;
  486.     margin: 0;
  487.     list-style-type: none;
  488. }
  489. ol.notes li.note {
  490.     padding: 3px 0;
  491.     margin-bottom:3px;
  492. }
  493. ol.notes li.note img.avatar {
  494.     float:right;
  495.     border-radius:50%;
  496. }
  497. ol.notes li.note blockquote a {
  498.     text-decoration: none;
  499. }
  500. li.more_notes_link_container {
  501.     font-weight: bold;
  502.     text-transform: uppercase;
  503.     font-size: 0.85em;
  504. }
  505. .extra-info {
  506.     position: fixed;
  507.     left: calc(50% + 250px);
  508.     top: 120px;
  509.     width: 158px;
  510.     margin-left: 20px;
  511.     line-height: 200%;
  512. }
  513. .extra-info svg {
  514.     width: 15px;
  515.     height: auto;
  516.     vertical-align: text-bottom;
  517.     margin-right:5px;
  518. }
  519. {block:PermalinkPage}
  520. #posts {
  521.     margin: 0 auto;
  522.     width: 540px;
  523. }
  524. article {
  525.     padding: 20px;
  526.     border: 1px {select:Borders} {color:Accent};
  527.     background:rgba(255,255,255,0.8);
  528. }
  529. article .tb {
  530.     border:none;
  531.     padding:10px 0;
  532.     background:rgba(255,255,255,0);
  533. }
  534. article .tb:first-of-type {
  535.     padding-top: 0;
  536. }
  537. article .tb:last-of-type {
  538.     padding-bottom: 0;
  539. }
  540. article .photo .tb:first-of-type {
  541.     padding-top:10px;
  542. }
  543. {/block:PermalinkPage}
  544. #corner {
  545.     position:fixed;
  546.     bottom:0px;
  547.     right:0px;
  548.     z-index:-1;
  549.     width:{text:Corner Image Width}px;
  550. }
  551. </style>
  552. </head>
  553. <body>
  554. <img id="corner" src="{image:Corner}">
  555. <div id="sidebar">
  556.     {block:Description}<div id="desc">{Description}</div>{/block:Description}
  557. </div>
  558. <div id="wrapper">
  559.     <ul id="navlinks">
  560.         <a href="/"><li>{Title}</li></a>
  561.         {block:AskEnabled}<a href="{text:Ask Link}"><li>message</li></a>{/block:AskEnabled}
  562.         {block:IfSubmitLink}{block:SubmissionsEnabled}<a href="/submit" ><li>submit</li></a>{/block:SubmissionsEnabled}{/block:IfSubmitLink}
  563.         {block:HasPages}{block:Pages}<a href="{URL}"><li>{Label}</li></a>{/block:Pages}{/block:HasPages}
  564.         <a href="/archive"><li>past</li></a>
  565.         {block:IfCreditLink}<a href="http://redivide.tumblr.com" target="_blank"><li>theme</li></a>{/block:IfCreditLink}
  566.     </ul>
  567. <div id="posts">{block:Posts}
  568.     <article class="{block:Text}text-based{/block:Text}{block:Quote}text-based{/block:Quote}{block:Link}text-based{/block:Link}{block:Chat}text-based{/block:Chat}{block:Answer}text-based{/block:Answer}{block:Audio}text-based{/block:Audio}">
  569.     {block:Text}<div class="text tb">
  570.         {block:Title}<h2>{Title}</h2>{/block:Title}
  571.         {Body}
  572.     {block:IfAlternatePermalinks}{block:IndexPage}
  573.     <div class="other_perma">
  574.         <a href="{ReblogURL}" target="_blank" title="reblog"><i class="fa fa-refresh"></i></a> &nbsp;/&nbsp; <a href="{Permalink}" target="_blank" title="{TimeAgo}">{NoteCount}+</a>
  575.     </div>
  576.     {/block:IndexPage}{/block:IfAlternatePermalinks}
  577.     </div>{/block:Text}{block:Photo}<div class="photo">
  578.         {block:IndexPage}{block:IfAlternatePermalinks}<div class="mask">
  579.             <div class="more">
  580.                 <a href="{ReblogUrl}" target="_blank">reblog</a>
  581.                 <br>♡<br>
  582.                 <a href="{Permalink}" target="_blank">{NoteCountWithLabel}</a>
  583.             </div>
  584.         </div>{/block:IfAlternatePermalinks}
  585.         <img src="{PhotoURL-250}" alt="{PhotoALt}">{/block:IndexPage}
  586.         {block:PermalinkPage}
  587.         <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  588.         {block:Caption}<div class="tb">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  589.     </div>{/block:Photo}{block:Photoset}<div class="photo">
  590.         {block:IfAlternatePermalinks}{block:IndexPage}<div class="mask">
  591.             <div class="more">
  592.                 <a href="{ReblogUrl}" target="_blank">reblog</a>
  593.                 <br>♡<br>
  594.                 <a href="{Permalink}" target="_blank">{NoteCountWithLabel}</a>
  595.             </div>
  596.         </div>{/block:IndexPage}{/block:IfAlternatePermalinks}
  597.         <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  598.         {block:PermalinkPage}{block:Caption}<div class="tb">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  599.     </div>{/block:Photoset}{block:Quote}<div class="quote tb {Length}">
  600.         <h2>"{Quote}"</h2>
  601.         {block:Source}<cite>&mdash; {Source}</cite>{/block:Source}
  602.     {block:IfAlternatePermalinks}{block:IndexPage}
  603.     <div class="other_perma">
  604.         <a href="{ReblogURL}" target="_blank" title="reblog"><i class="fa fa-refresh"></i></a> &nbsp;/&nbsp; <a href="{Permalink}" target="_blank" title="{TimeAgo}">{NoteCount}+</a>
  605.     </div>
  606.     {/block:IndexPage}{/block:IfAlternatePermalinks}
  607.     </div>{/block:Quote}{block:Chat}<div class="chat tb">
  608.         {block:Title}<h2>{Title}</h2>{/block:Title}
  609.         <ul>
  610.             {block:Lines}<li>{block:Label}<b>{Label}</b>{/block:Label} {Line}</li>{/block:Lines}
  611.         </ul>
  612.     {block:IfAlternatePermalinks}{block:IndexPage}
  613.     <div class="other_perma">
  614.         <a href="{ReblogURL}" target="_blank" title="reblog"><i class="fa fa-refresh"></i></a> &nbsp;/&nbsp; <a href="{Permalink}" target="_blank" title="{TimeAgo}">{NoteCount}+</a>
  615.     </div>
  616.     {/block:IndexPage}{/block:IfAlternatePermalinks}
  617.     </div>{/block:Chat}{block:Link}<div class="link tb">
  618.         <h2><a href="{URL}">{Name}</a><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"  viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M140.1,74.1c2.3-2.3,2.3-6.1,0-8.5c-2.3-2.3-6.1-2.3-8.5,0l-62.9,62.9c-7.5,7.5-7.5,19.8,0,27.3c7.5,7.5,19.8,7.5,27.3,0   l65.9-65.9c0.6-0.3,1.2-0.7,1.8-1.2c8.8-8.8,32.2-32.2,9.7-54.7c-8.6-8.6-18.9-11.9-29.8-9.5c-8.9,1.9-18.1,7.6-27.3,16.8   l-71.4,71.4c-8.5,8.5-13,20.3-12.5,33.2c0.5,12.3,5.6,24.3,14.1,32.8c8.5,8.5,20.3,13.4,32.5,13.7c0.3,0,0.6,0,1,0  c12.2,0,23.4-4.6,31.7-12.9l70.4-70.4c2.3-2.3,2.3-6.1,0-8.5c-2.3-2.3-6.1-2.3-8.5,0l-70.4,70.4c-6.2,6.2-14.7,9.5-24,9.4   c-9.1-0.2-17.9-3.9-24.2-10.2c-13.5-13.5-14.2-36.4-1.6-49l71.4-71.4c7.4-7.4,14.8-12.1,21.3-13.5c6.9-1.5,13.1,0.5,18.8,6.3    c5.6,5.6,7.2,10.8,5.2,17.1c-1.4,4.5-4.6,9.5-10,15.5c-0.4,0.3-0.9,0.6-1.2,0.9l-71.3,71.3c-2.8,2.8-7.5,2.8-10.3,0 c-2.8-2.8-2.8-7.5,0-10.3L140.1,74.1z"/></svg></h2>
  619.         {block:Description}{Description}{/block:Description}
  620.     {block:IfAlternatePermalinks}{block:IndexPage}
  621.     <div class="other_perma">
  622.         <a href="{ReblogURL}" target="_blank" title="reblog"><i class="fa fa-refresh"></i></a> &nbsp;/&nbsp; <a href="{Permalink}" target="_blank" title="{TimeAgo}">{NoteCount}+</a>
  623.     </div>
  624.     {/block:IndexPage}{/block:IfAlternatePermalinks}
  625.     </div>{/block:Link}{block:Audio}<div class="audio tb">
  626.         <img class="album-art" src="http://static.tumblr.com/yxfeliq/C5Xnysfnk/cd.jpg" {block:AlbumArt}style="display:none;"{/block:AlbumArt}>
  627.         {block:AlbumArt}<img src="{AlbumArtURL}" class="album-art">{/block:ALbumArt}
  628.         <div class="audio-info">
  629.             Artist: <span {block:Artist}style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br>
  630.             Title: <span {block:TrackName}style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br>
  631.             Album: <span {block:Album}style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}<br>
  632.             Plays: {FormattedPlayCount}
  633.         </div>
  634.         {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  635.     {block:IfAlternatePermalinks}{block:IndexPage}
  636.     <div class="other_perma">
  637.         <a href="{ReblogURL}" target="_blank" title="reblog"><i class="fa fa-refresh"></i></a> &nbsp;/&nbsp; <a href="{Permalink}" target="_blank" title="{TimeAgo}">{NoteCount}+</a>
  638.     </div>
  639.     {/block:IndexPage}{/block:IfAlternatePermalinks}
  640.     </div>{/block:Audio}{block:Video}<div class="vid">
  641.         <div class="video">{Video-500}</div>
  642.     </div>{/block:Video}{block:Answer}<div class="answer tb">
  643.         <h2>{Asker} asked:</h2>
  644.         <div class="question">{Question}</div>
  645.         {block:Answerer}
  646.         <hr>
  647.         <h2>{Answerer} replied:</h2>
  648.         <div class="question">{Answer}</div>
  649.         {/block:Answerer}
  650.         <div class="response">{Replies}</div>
  651.     {block:IfAlternatePermalinks}{block:IndexPage}
  652.     <div class="other_perma">
  653.         <a href="{ReblogURL}" target="_blank" title="reblog"><i class="fa fa-refresh"></i></a> &nbsp;/&nbsp; <a href="{Permalink}" target="_blank" title="{TimeAgo}">{NoteCount}+</a>
  654.     </div>
  655.     {/block:IndexPage}{/block:IfAlternatePermalinks}
  656.     </div>{/block:Answer}
  657.    
  658.     {block:IfNotAlternatePermalinks}{block:IndexPage}<div class="permalinks">
  659.         <a href="{ReblogURL}" target="_blank" title="reblog">Reblog</a> &nbsp;&middot;&nbsp; <a href="{Permalink}" target="_blank" title="{TimeAgo}">{NoteCount}</a>
  660.     </div>{/block:IndexPage}{/block:IfNotAlternatePermalinks}
  661.    
  662.     {block:PermalinkPage}
  663.         {block:PostNotes}
  664.             <div id="show-notes">show notes</div>
  665.             <div id="notes" class="tb">
  666.                 {PostNotes-16}
  667.             </div>
  668.         {/block:PostNotes}
  669.         <div class="extra-info">
  670.             {block:Date}<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M108,184.3c42.1,0,76.3-34.2,76.3-76.3S150.1,31.7,108,31.7S31.7,65.9,31.7,108S65.9,184.3,108,184.3z M108,43.7
  671.     c35.5,0,64.3,28.9,64.3,64.3s-28.9,64.3-64.3,64.3S43.7,143.5,43.7,108S72.5,43.7,108,43.7z"/><path d="M98.3,120.7l25.7,20c1.1,0.8,2.4,1.3,3.7,1.3c1.8,0,3.6-0.8,4.7-2.3c2-2.6,1.6-6.4-1.1-8.4L108,113.1V72c0-3.3-2.7-6-6-6    s-6,2.7-6,6v44C96,117.9,96.9,119.6,98.3,120.7z"/></svg> {DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}{/block:Date}
  672.             {block:NoteCount}<br><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M177,178H36c-3.3,0-6-2.7-6-6V47c0-3.3,2.7-6,6-6s6,2.7,6,6v119h135c3.3,0,6,2.7,6,6S180.3,178,177,178z M100.9,81   c-2.4-1.9-5.9-1.6-8,0.6l-37.7,39.7c-2.3,2.4-2.2,6.2,0.2,8.5c1.2,1.1,2.6,1.6,4.1,1.6c1.6,0,3.2-0.6,4.4-1.9l34-35.8l21.6,16.6 c2.4,1.9,5.9,1.6,8-0.7L170,64.5V91c0,3.3,2.7,6,6,6s6-2.7,6-6V50c0-3.3-2.7-6-6-6h-40c-3.3,0-6,2.7-6,6s2.7,6,6,6h25.5l-39,41.6    L100.9,81z"/></svg> {NoteCount}{/block:NoteCount}
  673.             {block:RebloggedFrom}<br><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M36.7,39.9c-0.4-3.3,1.9-6.3,5.2-6.7c3.3-0.4,6.3,1.9,6.7,5.2l3.6,27.9c13.6-20.2,36.6-32.7,61.4-32.7   c31.6,0,59.7,20.1,70,49.9c1.1,3.1-0.6,6.5-3.7,7.6c-0.6,0.2-1.3,0.3-2,0.3c-2.5,0-4.8-1.6-5.7-4c-8.6-25-32.2-41.8-58.6-41.8   c-21.6,0-41.7,11.4-52.9,29.6l30-3.4c3.3-0.4,6.3,2,6.6,5.3s-2,6.3-5.3,6.6l-43.2,4.9c-0.2,0-0.5,0-0.7,0c-3,0-5.6-2.2-5.9-5.2  L36.7,39.9z M185.3,120.2l-43.2,4.9c-3.3,0.4-5.7,3.3-5.3,6.6s3.3,5.7,6.6,5.3l26.1-2.9c-10.2,21.5-31.9,35.4-56,35.4   c-27.1,0-51.5-18.1-59.3-44c-1-3.2-4.3-5-7.5-4c-3.2,1-5,4.3-4,7.5c4.5,14.9,13.9,28.3,26.3,37.7c12.9,9.7,28.3,14.9,44.5,14.9  c29.6,0,56.1-17.6,67.8-44.3l4.2,33.3c0.4,3,3,5.2,5.9,5.2c0.3,0,0.5,0,0.8,0c3.3-0.4,5.6-3.4,5.2-6.7l-5.6-43.5    C191.5,122.2,188.6,119.9,185.3,120.2z"/></svg> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  674.             {block:ContentSource}<br><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M191.6,107.3c-0.4-45.7-37.7-82.8-83.6-82.8c-45.8,0-83.2,37.1-83.6,82.9c0,0.2,0,0.4,0,0.6c0,0,0,0.1,0,0.1s0,0.1,0,0.1 c0,0.2,0,0.4,0,0.6c0.4,45.8,37.7,82.9,83.6,82.9c45.8,0,83.2-37.1,83.6-82.8c0-0.2,0-0.5,0-0.7S191.6,107.5,191.6,107.3z    M78.5,42.8C71.9,52.4,66.8,65.2,64,80c-4.5,1-8.8,2.2-12.8,3.6c-4.8,1.7-8.9,3.4-12.2,5.2C44.8,68.3,59.4,51.5,78.5,42.8z   M36.4,108c0-3.3,5.8-8.6,18.7-13c2.2-0.8,4.6-1.5,7-2.1c-0.5,4.9-0.7,10-0.7,15.2s0.3,10.3,0.7,15.2c-2.5-0.7-4.8-1.4-7-2.1    C42.2,116.6,36.4,111.3,36.4,108z M39.1,127.2c3.3,1.8,7.3,3.6,12.2,5.2c3.9,1.3,8.2,2.5,12.8,3.6c2.9,14.8,7.9,27.7,14.6,37.2  C59.4,164.5,44.8,147.7,39.1,127.2z M102,178.4c-6.3-2.5-12.5-8.9-17.4-18.3c-3.3-6.4-6-13.7-7.8-21.8c8,1.2,16.5,1.9,25.3,2.1  V178.4z M102,128.4c-9.7-0.3-19-1.1-27.5-2.6c-0.7-5.8-1.1-11.7-1.1-17.8s0.4-12.1,1.1-17.8c8.5-1.4,17.8-2.3,27.5-2.6V128.4z    M102,75.6c-8.8,0.2-17.3,0.9-25.3,2.1c1.9-8,4.5-15.4,7.8-21.8c4.9-9.4,11.1-15.8,17.4-18.3V75.6z M176.9,88.8 c-3.3-1.8-7.3-3.6-12.2-5.2c-3.9-1.3-8.2-2.5-12.8-3.6c-2.9-14.8-7.9-27.7-14.6-37.2C156.6,51.5,171.2,68.3,176.9,88.8z M114,37.6   c6.3,2.5,12.5,8.9,17.4,18.3c3.3,6.4,6,13.7,7.8,21.8c-8-1.2-16.5-1.9-25.3-2.1V37.6z M114,87.6c9.7,0.3,19,1.1,27.5,2.6    c0.7,5.8,1.1,11.7,1.1,17.8s-0.4,12.1-1.1,17.8c-8.5,1.4-17.8,2.3-27.5,2.6V87.6z M114,178.4v-38c8.8-0.2,17.3-0.9,25.3-2.1 c-1.9,8-4.5,15.4-7.8,21.8C126.5,169.5,120.3,175.9,114,178.4z M137.5,173.2c6.6-9.6,11.7-22.4,14.6-37.2c4.5-1,8.8-2.2,12.8-3.6    c4.8-1.7,8.9-3.4,12.2-5.2C171.2,147.7,156.6,164.5,137.5,173.2z M160.9,121c-2.2,0.8-4.6,1.5-7,2.1c0.5-4.9,0.7-10,0.7-15.2    s-0.3-10.3-0.7-15.2c2.5,0.7,4.8,1.4,7,2.1c12.9,4.4,18.7,9.7,18.7,13S173.8,116.6,160.9,121z"/></svg> <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
  675.             {block:HasTags}<br><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M95.2,186C95.3,186,95.3,186,95.2,186c1.7,0,3.2-0.6,4.3-1.7l64.8-66.7c2.3-2.4,2.3-6.1-0.1-8.4L94.7,39.7 c-1.1-1.1-2.7-1.7-4.2-1.7c0,0,0,0,0,0l-67.1,0.1c-3.3,0-6,2.6-6,5.9L17,109.9c0,1.6,0.6,3.2,1.8,4.3l72.3,70.2 C92.2,185.5,93.7,186,95.2,186z M29.4,50L88,49.8l63.6,63.6l-56.5,58.2L29,107.4L29.4,50z M200.3,110.2c2.3,2.3,2.3,6,0,8.4 l-64.8,66.8c-1.2,1.2-2.7,1.8-4.3,1.8c-1.5,0-3-0.6-4.2-1.7c-2.4-2.3-2.4-6.1-0.1-8.5l60.7-62.6L130.2,56c-2.3-2.4-2.3-6.2,0.1-8.5  c2.4-2.3,6.2-2.3,8.5,0.1L200.3,110.2z M67.1,77.7c0,4.6-3.8,8.4-8.4,8.4s-8.4-3.8-8.4-8.4c0-4.6,3.8-8.4,8.4-8.4   S67.1,73.1,67.1,77.7z"/></svg> {block:Tags}#<a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}{/block:HasTags}
  676.         </div>
  677.     {/block:PermalinkPage}
  678.        
  679.     </article>
  680. {/block:Posts}</div>
  681. </div>
  682. {block:Pagination}
  683. <div class="pagination" style="visibility:hidden;">
  684.     {block:NextPage}<a href="{NextPage}" id="next-link"><i class="fa fa-angle-right"></i></a>{/block:NextPage}
  685. </div>
  686. {/block:Pagination}
  687. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  688. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  689. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  690. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  691. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  692. <script>
  693. $(function(){
  694.     {block:PermalinkPage}
  695.     $('#show-notes').click(function(e){
  696.         e.preventDefault();
  697.         $('#notes').slideToggle('slow');
  698.         $(this).text( $(this).text() == "show notes" ? "hide notes" : "show notes");
  699.     });
  700.     {/block:PermalinkPage}
  701.     $('.photo-slideshow').pxuPhotoset({
  702.         lightbox: true,
  703.         {block:IfNotRoundedCorners}rounded: false,{/block:IfNotRoundedCorners}
  704.         {block:IfRoundedCorners}rounded: 'corners',{/block:IfRoundedCorners}
  705.         gutter: '0px',
  706.         photoset: '.photo-slideshow',
  707.         photoWrap: '.photo-data',
  708.         photo: '.pxu-photo'
  709.     });
  710. });
  711. {block:IndexPage}
  712. (function () {
  713.     var $tumblelog = $('#posts');
  714.     $tumblelog.imagesLoaded(function () {
  715.         $tumblelog.masonry({
  716.             itemSelector: 'article',
  717.             isAnimated:false,
  718.             columnWidth:150,
  719.             gutterWidth:30,
  720.         });
  721.     });
  722.     $tumblelog.infinitescroll({
  723.         navSelector : "div.pagination",
  724.         nextSelector : ".pagination a#next-link",
  725.         itemSelector : "article",
  726.         loading: {
  727.             finishedMsg: "<p>You've reached the end of the Earth.</p>",
  728.             img : "http://static.tumblr.com/yxfeliq/ZQFnvhfad/dontbrag-loading.gif",
  729.             msg: null,
  730.             msgText: "",
  731.         },
  732.     },
  733.  
  734.     function( newElements ) {
  735.         var $newElems = $( newElements );
  736.         $newElems.find('.photo-slideshow').pxuPhotoset({
  737.             lightbox: true,
  738.         {block:IfNotRoundedCorners}rounded: false,{/block:IfNotRoundedCorners}
  739.         {block:IfRoundedCorners}rounded: 'corners',{/block:IfRoundedCorners}
  740.             gutter: '0px',
  741.             photoset: '.photo-slideshow',
  742.             photoWrap: '.photo-data',
  743.             photo: '.pxu-photo'
  744.         },
  745.         function(){
  746.             $tumblelog.masonry({
  747.                 itemSelector: 'article',
  748.                 columnWidth:150,
  749.                 gutterWidth:30,
  750.             });
  751.         });
  752.         var $newElems = $(newElements).css({
  753.             opacity: 0,
  754.             zIndex: -1,
  755.         });
  756.         $newElems.imagesLoaded(function(){
  757.             $newElems.animate({ opacity: 1, zIndex: 1 });
  758.             $tumblelog.masonry( 'appended', $newElems );
  759.         });    
  760.     });
  761. })();
  762. {/block:IndexPage}
  763. </script>
  764. <div style="display:none;"><script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5239665";
  765. var ref = (''+document.referrer+'');var pn =  window.location;var w_h = window.screen.width + " x " + window.screen.height;
  766. fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  767. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");</script></div>
  768. <link href="//static.tumblr.com/wupwnyt/1iho27ad1/gkthm.css" rel="stylesheet" type="text/css">
  769. </body>
  770. </html>
RAW Paste Data
Top