API tools faq
paste
Advertisement
rasperries

sea foam nav

rasperries
Apr 18th, 2015
244
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.32 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html>
  3. <script>var __pbpa = true;</script><script>var translated_warning_string = 'Warning: Never enter your Tumblr password unless \u201chttps://www.tumblr.com/login\u201d\x0ais the address in your web browser.\x0a\x0aYou should also see a green \u201cTumblr, Inc.\u201d identification in the address bar.\x0a\x0aSpammers and other bad guys use fake forms to steal passwords.\x0a\x0aTumblr will never ask you to log in from a user\u2019s blog.\x0a\x0aAre you absolutely sure you want to continue?';</script><script type="text/javascript" language="javascript" src="http://assets.tumblr.com/assets/scripts/pre_tumblelog.js?_v=75ff60d174af47d7ea271d82d4fe1151"></script>
  4. <!--
  5.  
  6. theme: sea foam
  7. - sorrism -
  8.  
  9.  
  10. -->
  11.  
  12. <!DOCTYPE html>
  13. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  14.  
  15. <title> Profile : lonely hearts</title>
  16.  
  17. <style type="text/css">figure {margin: 0;}</style>
  18. <link rel="shortcut icon" href="http://38.media.tumblr.com/avatar_51e3700bdf6f_128.png">
  19. <link rel="alternate" type="application/rss+xml" href="http://20stitches.tumblr.com/rss">
  20. <meta name="description" content="Profile Trish : USA Gemini. Dog lover. Perpetually sleep-deprived. In short, I&rsquo;m a hopeless romantic who likes literature, indian food, cold coffee and dark, wintry weather. &bull; bae #1: harry styles &bull;..." />
  21.  
  22. <!--Default Variables-->
  23.  
  24. <meta name="color:Background" content="#fcfcfc"/>
  25. <meta name="color:Text" content="#cccccc"/>
  26. <meta name="color:Link" content="#a7a7a7"/>
  27. <meta name="color:Link Hover" content="#aaaaaa"/>
  28. <meta name="color:Title"content="#000000"/>
  29. <meta name="color:Scrollbar" content="#d5d5d5" />
  30. <meta name="color:Accents" content="#fbfbfb"/>
  31. <meta name="color:Accent Text" content="#000000"/>
  32. <meta name="color:Posts" content="#ffffff"/>
  33. <meta name="color:borders" content="#eeeeee"/>
  34. <meta name="color:Permalink" content="#cccccc"/>
  35.  
  36. <meta name="if:Hide Captions" content="0"/>
  37. <meta name="if:Infinite Scroll" content="1"/>
  38. <meta name="if:Manual Load" content="0"/>
  39. <meta name="if:Stretch Background Image" content="0"/>
  40.  
  41. <meta name="select:Post Width" content="250" title="250px"/>
  42. <meta name="select:Post Width" content="300" title="300px"/>
  43. <meta name="select:Post Width" content="350" title="350px"/>
  44. <meta name="select:Post Width" content="400" title="400px"/>
  45. <meta name="select:Post Width" content="450" title="450px"/>
  46. <meta name="select:Post Width" content="500" title="500px"/>
  47.  
  48. <meta name="select:Sidebar Position" content="right" title="Right"/>
  49. <meta name="select:Sidebar Position" content="left" title="Left"/>
  50.  
  51. <meta name="text:Post Spacing" content="70"/>
  52.  
  53. <meta name="text:Link 1 URL" content="" />
  54. <meta name="text:Link 1" content="" />
  55. <meta name="text:Link 2 URL" content="" />
  56. <meta name="text:Link 2" content="" />
  57. <meta name="text:Link 3 URL" content="" />
  58. <meta name="text:Link 3" content="" />
  59.  
  60. <meta name="text:Home Title" content="index"/>
  61. <meta name="text:Ask Title" content="message"/>
  62. <meta name="text:Archive Title" content="history"/>
  63. <meta name="text:More Links Title" content="links"/>
  64.  
  65. <meta name="image:Sidebar" content=""/>
  66. <meta name="image:Background" content=""/>
  67.  
  68. <!-- jquery -->
  69.  
  70. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  71.  
  72. <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  73. <script>
  74. $(function() {
  75. $(document).tooltip({
  76. track:true
  77. });
  78. });
  79. </script>
  80.  
  81. <link href='http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  82.  
  83.  
  84. <link href='http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  85.  
  86.  
  87. <!--CSS customization here. -->
  88.  
  89. <style type="text/css">
  90.  
  91. /*tooltip*/
  92.  
  93. .ui-tooltip {
  94. position:Absolute;
  95. z-index:9999;
  96. padding-top:10px;
  97. }
  98.  
  99. .ui-tooltip-content {
  100. background:#fbfbfb;
  101. padding:2px 4px;
  102. font-size:8px;
  103. font-family:Lato, arial;
  104. text-transform:uppercase;
  105. color:#000000;
  106. line-height:10px;
  107. letter-spacing:1px;
  108. }
  109.  
  110. /*tumblr controls and lightbox*/
  111.  
  112. #tumblr_lightbox {
  113. background-color:rgba(246, 246, 246, .9)!important;
  114. z-index:99999!important;
  115. }
  116.  
  117. #tumblr_lightbox img {opacity:0;}
  118.  
  119. #tumblr_lightbox_caption {
  120. color:black!important;
  121. font-family:arial!important;
  122. font-size:10px!important;
  123. font-weight:normal!important;
  124. text-shadow:none!important;
  125. }
  126.  
  127. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  128. background:white!important;
  129. -moz-box-shadow:none!important;
  130. -webkit-box-shadow:none!important;
  131. box-shadow:none!important;
  132. -moz-border-radius:0px!important;
  133. -webkit-border-radius:0px!important;
  134. border-radius:0px!important;
  135. opacity:1!important;
  136. }
  137.  
  138. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.4!important;}
  139.  
  140. iframe#tumblr_controls {
  141. white-space:nowrap!important;
  142. -webkit-filter:invert(100%)!important;
  143. -moz-filter:invert(100%)!important;
  144. -ms-filter:invert(100%)!important;
  145. -o-filter:invert(100%)!important;
  146. filter:invert(100%)!important;
  147. top:10px!important;
  148. right:10px!important;
  149. position:fixed!important;
  150. opacity:.3!important;
  151. }
  152.  
  153. /*scrollbar*/
  154.  
  155. ::-webkit-scrollbar {
  156. height:3px;
  157. width:4px;
  158. background:#ffffff;
  159. }
  160.  
  161. ::-webkit-scrollbar-thumb {
  162. background:#eeeeee;
  163. -webkit-border-radius:3px;
  164. border-radius:3px;
  165. }
  166.  
  167. ::-webkit-scrollbar-track {background:#ffffff;}
  168.  
  169. /*main structure*/
  170.  
  171. body {
  172. background-color:#ffffff;
  173.  
  174. color:#999999;
  175. font-family:lora, georgia, serif;
  176. font-size:9px;
  177. letter-spacing:0.03em;
  178. font-weight:normal;
  179. position:relative;
  180. text-align:left;
  181. margin:0;
  182. line-height:150%;
  183. }
  184.  
  185. blockquote {
  186. padding-left:10px;
  187. border-left:1px solid rgba(153,153,153,.2);
  188. margin:0px 0;
  189. text-align:left;
  190. }
  191.  
  192. .caption blockquote {margin:0;}
  193.  
  194. pre {
  195. white-space: pre-wrap; /* css-3 */
  196. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  197. white-space: -pre-wrap; /* Opera 4-6 */
  198. white-space: -o-pre-wrap; /* Opera 7 */
  199. word-wrap: break-word; /* Internet Explorer 5.5+ */
  200. }
  201.  
  202. a {
  203. color:#aaaaaa;
  204. text-decoration:none;
  205. cursor:help;
  206. border-bottom:1px solid rgba(153,153,153,.3);
  207. transition:all .4s linear;
  208. -webkit-transition:all .4s linear;
  209. -moz-transition:all .4s linear;
  210. -o-transition:all .4s linear;
  211. }
  212.  
  213. a:hover {
  214. text-decoration:none;
  215. color:#000000;
  216. }
  217.  
  218. img {
  219. opacity:1;
  220. border:none;
  221. text-decoration:none;
  222. }
  223.  
  224. p {margin:5px 0}
  225.  
  226. p:first-of-type {
  227. margin-top:0;
  228. padding-top:0;
  229. }
  230.  
  231. p:last-of-type {
  232. margin-bottom:0;
  233. padding-bottom:0;
  234. }
  235.  
  236. b, strong {color:#000000;font-weight:normal;}
  237.  
  238. ol, ul {
  239.  
  240. text-align:left;
  241. padding-left:0;
  242. list-style:none;
  243. }
  244.  
  245. li {
  246. position:relative;
  247. padding-left:25px;
  248. }
  249.  
  250. li:before {
  251. position:absolute;
  252. left:0;
  253. width:15px;
  254. height:1px;
  255. background:#f2f2f2;
  256. top:calc(50% - 1px);
  257. content:'';
  258. }
  259.  
  260. small, big {font-size:9px;}
  261.  
  262. h1, h2, h3, h4 {
  263. font-size:9px;
  264. margin:0;
  265. padding:0;
  266. }
  267.  
  268. /*side*/
  269.  
  270. aside {
  271. -webkit-animation-name: fade-in;
  272. -webkit-animation-duration: 1.5s;
  273. width:100px;
  274. position:fixed;
  275. top:100px;
  276. left:50%;
  277.  
  278. padding-top:25px;
  279.  
  280. border-top:px solid #f2f2f2;
  281. }
  282.  
  283. aside.right {
  284. margin-left:calc(350px / 2 - 25px);
  285. }
  286.  
  287. aside.left {
  288. margin-left:calc(-350px / 2 - 75px);
  289. }
  290.  
  291. aside img {
  292. width:100px;
  293. cursor:help;
  294. -webkit-border-radius:3px;
  295. -moz-border-radius:3px;
  296. border-radius:3px;
  297. display:block;
  298. }
  299.  
  300. #d {line-height:150%;font-style:italic;}
  301.  
  302. .les {display:none;}
  303.  
  304. nav {
  305. margin-bottom:10px;
  306.  
  307. margin-top:10px;
  308.  
  309. }
  310.  
  311. nav a {
  312. cursor:help;
  313. display:block;
  314. position:relative;
  315. padding:3px;
  316. border-bottom:1px solid #f2f2f2;
  317. }
  318.  
  319. /*pagination*/
  320.  
  321. .nice {
  322. position:fixed;
  323. font-size:7px;
  324. text-transform:uppercase;
  325. right:15px;
  326. bottom:10px;
  327. width:15px;
  328. height:15px;
  329. border:0;
  330. line-height:15px;
  331. text-align:center;
  332. background:#fbfbfb;
  333. }
  334.  
  335. #pagination, #more {
  336. width:350px;
  337. display:block;
  338. margin-top:calc(-85px / 2);
  339. -webkit-animation-name: fade-in;
  340. -webkit-animation-duration: 2s;
  341. }
  342.  
  343. #more {text-align:center;}
  344.  
  345. #pagination {
  346. text-align:right;
  347.  
  348. display:none;
  349.  
  350. }
  351.  
  352. #pagination a, #more span {
  353. display:inline-block;
  354. font-family:Lato, arial;
  355. font-size:7px;
  356. text-transform:uppercase;
  357. letter-spacing:1px;
  358. -webkit-border-radius:3px;
  359. -moz-border-radius:3px;
  360. border-radius:3px;
  361. padding:0 5px;
  362. margin-top:10px;
  363. color:#000000;
  364. background:#fbfbfb;
  365. border-bottom:0;
  366. }
  367.  
  368. #more span {
  369. cursor:help;
  370. transition:all .4s linear;
  371. -webkit-transition:all .4s linear;
  372. -moz-transition:all .4s linear;
  373. -o-transition:all .4s linear;
  374. }
  375.  
  376. #pagination a:hover, #more span:hover {color:#000000;}
  377.  
  378. #infscr-loading {display:none!important;}
  379.  
  380. /*posts*/
  381.  
  382. #ev {
  383. border:px solid #f2f2f2;
  384. width:calc(350px + 150px);
  385. padding:50px;
  386. margin:50px auto;
  387. background:#ffffff;
  388. }
  389.  
  390. #entries {
  391. width:350px;
  392. padding-top:25px;
  393. position:relative;
  394. border-top:px solid #f2f2f2;
  395. }
  396.  
  397. .tai {
  398. color:#000000;
  399. letter-spacing:1px;
  400. display:block;
  401. font-style:italic;
  402. position:absolute;
  403. max-width:350px;
  404. top:-40px;
  405. line-height:40px;
  406. font-size:11px;
  407. text-transform:uppercase;
  408. border:0;
  409. }
  410.  
  411.  
  412. #entries.left {margin-left:150px;}
  413.  
  414. .posts {
  415. width:350px;
  416. z-index:1;
  417.  
  418. position:relative;
  419. display:block;
  420. -webkit-animation-name: fade-in;
  421. -webkit-animation-duration: 1.5s;
  422. }
  423.  
  424. .posts img {max-width:350px;}
  425.  
  426. #buttt img, #buttt iframe {
  427. width:350px;
  428. display:block;
  429. -webkit-border-radius:3px;
  430. -moz-border-radius:3px;
  431. border-radius:3px;
  432. }
  433.  
  434. .video_big {
  435. position:relative;
  436. height:0;
  437. padding-bottom:56.25%;
  438. }
  439.  
  440. .video_big iframe {
  441. position:absolute;
  442. top:0;
  443. left:0;
  444. height:100%;
  445. width:100%;
  446. -webkit-border-radius:3px;
  447. -moz-border-radius:3px;
  448. border-radius:3px;
  449. }
  450.  
  451. a.tumblr_blog {
  452. display:inline-block;
  453. margin-bottom:10px;
  454. font-family:Lato, arial;
  455. font-size:7px;
  456. text-transform:uppercase;
  457. letter-spacing:1px;
  458. }
  459.  
  460. .posts img, .posts li, .posts blockquote {max-width: 100%;}
  461.  
  462. .caption img, .caption iframe, .hover img, .hover iframe {max-width:100%}
  463.  
  464. #title {
  465.  
  466. font-size:11px;
  467. margin-bottom:10px;
  468. color:#000000;
  469. }
  470.  
  471. #title a {
  472. color:#000000;
  473. display:inline-block;
  474. padding-bottom:3px;
  475. }
  476.  
  477. #title a:hover {color:#000000;}
  478.  
  479. .caption {
  480. margin-top:10px;
  481.  
  482.  
  483.  
  484. }
  485.  
  486. /*quote*/
  487.  
  488. #titlequote {
  489. font-size:12px;
  490. font-style:italic;
  491. background:#fbfbfb;
  492. color:#000;
  493. padding:10px;
  494. }
  495.  
  496. #source {
  497. margin-top:10px;
  498. font-family:Lato, arial;
  499. font-size:7px;
  500. text-transform:uppercase;
  501. letter-spacing:1px;
  502. }
  503.  
  504. /*audio*/
  505.  
  506. .tumblr_audio_player {
  507. width:250px;
  508. height:30px;
  509. margin-top:-2px;
  510. }
  511.  
  512. .player {
  513. width:25px;
  514. height:25px;
  515. border-left:5px solid transparent;
  516. display:block;
  517. overflow:hidden;
  518. }
  519.  
  520. .hold {
  521. background:#000;
  522. opacity:1;
  523. display:block;
  524. padding:5px;
  525. position:relative;
  526. -webkit-border-radius:3px;
  527. -moz-border-radius:3px;
  528. border-radius:3px;
  529. }
  530.  
  531. .hold:after {
  532. content:'LISTEN';
  533. margin-left:45px;
  534. top:5px;
  535. color:#ddd;
  536. line-height:25px;
  537. position:Absolute;
  538. text-transform:uppercase;
  539. letter-spacing:2px;
  540. font-size:9px;
  541. }
  542.  
  543. .audio_info {
  544. display:block;
  545. font-family:Lato, arial;
  546. font-size:7px;
  547. text-transform:uppercase;
  548. letter-spacing:1px;
  549. }
  550.  
  551. .audio_info b {
  552. padding-right:5px;
  553. display:inline-block;
  554. }
  555.  
  556. .audio_info span {
  557. display:block;
  558. position:relative;
  559. padding:5px;
  560. border-bottom:1px solid #f2f2f2;
  561. }
  562.  
  563. .audio_info span:last-of-type {border:0;}
  564.  
  565. /*asks*/
  566.  
  567. .q {
  568. font-style:italic;
  569. padding:10px 0;
  570. font-size:9px;
  571. position:relative;
  572. border-bottom:1px solid #f2f2f2;
  573. }
  574.  
  575. .as {
  576. position:Absolute;
  577. bottom:-10px;
  578. background:#ffffff;
  579. line-height:20px;
  580. font-style:italic;
  581. display:block;
  582. padding:0 10px;
  583. right:0;
  584. text-align:right;
  585. font-family:Lato, arial;
  586. font-size:7px;
  587. text-transform:uppercase;
  588. letter-spacing:1px;
  589. }
  590.  
  591. .as a {color:#999999;}
  592.  
  593. .as a:hover {color:#000000;}
  594.  
  595. .a {margin-top:10px;}
  596.  
  597. /*chat*/
  598.  
  599. .chat ol {
  600. margin:0;
  601. padding:0;
  602. list-style:none;
  603. font-family:Lato, arial;
  604. font-size:7px;
  605. text-transform:uppercase;
  606. letter-spacing:1px;
  607. }
  608.  
  609. .chat li:before {display:none;}
  610.  
  611. .l {
  612. padding:10px;
  613. border-bottom:1px solid #f2f2f2;
  614. }
  615.  
  616. .l:last-of-type {
  617. border:0;
  618. padding-bottom:0;
  619. }
  620.  
  621. .label {
  622. font-weight:bold;
  623. font-family:Lato, arial;
  624. font-size:7px;
  625. text-transform:uppercase;
  626. letter-spacing:1px;
  627. color:#000000;
  628. display:inline-block;
  629. }
  630.  
  631. /*permalink and notes*/
  632.  
  633. #when {
  634. opacity:0;
  635. position:absolute;
  636. top:calc(100% - 5px);
  637. text-align:left;
  638. width:350px;
  639. left:-15px;
  640. line-height:10px;
  641. font-family:Lato, arial;
  642. font-size:7px;
  643. text-transform:uppercase;
  644. letter-spacing:1px;
  645. font-style:italic;
  646. transition:0.3s;
  647. -o-transition-duration:0.3s;
  648. -webkit-transition-duration:0.3s;
  649. -moz-transition-duration:0.3s;
  650. }
  651.  
  652. .posts:hover #when {
  653. left:0px;
  654. opacity:1;
  655. transition:0.3s;
  656. -o-transition-duration:0.3s;
  657. -webkit-transition-duration:0.3s;
  658. -moz-transition-duration:0.3s;
  659. }
  660.  
  661. #when span {
  662. background:#ffffff;
  663. padding-right:5px;
  664. }
  665.  
  666. #when a {
  667. color:#bfbfbf;
  668. display:inline-block;
  669. border:0;
  670. margin-right:10px;
  671. }
  672.  
  673. #when a:hover {color:#000000;}
  674.  
  675. #permalink {
  676. margin-top:10px;
  677. font-family:Lato, arial;
  678. font-size:7px;
  679. text-transform:uppercase;
  680. letter-spacing:1px;
  681. -webkit-animation-name: fade-in;
  682. -webkit-animation-duration: 1.5s;
  683. }
  684.  
  685. #permalink span {
  686. display:block;
  687. padding:5px;
  688. border-top:1px solid #f2f2f2;
  689. }
  690.  
  691. .tags a {border:0;}
  692.  
  693. .pagenotes {
  694. -webkit-animation-name: fade-in;
  695. -webkit-animation-duration: 1.5s;
  696. margin-bottom:85px;
  697. font-family:Lato, arial;
  698. font-size:7px;
  699. text-transform:uppercase;
  700. letter-spacing:1px;
  701. width:350px;
  702. border-top:1px solid #f2f2f2;
  703. }
  704.  
  705. .pagenotes a {text-decoration:none;}
  706.  
  707. .same {
  708. display:none;
  709. max-height:300px;
  710. overflow-y:auto;
  711. padding:0 5px;
  712. }
  713.  
  714. .same::-webkit-scrollbar {width:2px;}
  715.  
  716. ol.notes {
  717. list-style-type:none;
  718. text-align:left;
  719. padding:0px;
  720. margin:0px;
  721. }
  722.  
  723. ol.notes li.note {
  724. display:block;
  725. padding:0;
  726. border-bottom:1px dotted #f2f2f2;
  727. padding:5px 0;
  728. }
  729.  
  730. ol.notes li.note img.avatar {display:none!important;}
  731.  
  732. .t {
  733. cursor:help;
  734. color:#aaaaaa;
  735. padding:5px;
  736. border-bottom:1px solid #f2f2f2;
  737. }
  738.  
  739. .t:hover {color:#000000;}
  740.  
  741. a.more_notes_link {
  742. display:block;
  743. text-align:left;
  744. border:0;
  745. color:#000000;
  746. }
  747.  
  748. .sss {
  749. position:relative;
  750. width:calc(350px + 0px);
  751. display:block;
  752. margin-bottom:20px;
  753. font-weight:normal;
  754. }
  755.  
  756. .sss a, .sss span {
  757. width:calc(50% - 5px);
  758. display:inline-block;
  759. margin-right:5px;
  760. border-bottom:1px solid #f5f5f5;
  761. padding:5px 0;
  762. font-weight:normal;
  763. }
  764.  
  765. .sss span {
  766. font-weight:normal;
  767. color:#000000;
  768. font-style:italic;
  769. }
  770.  
  771.  
  772.  
  773. @-webkit-keyframes fade-in {
  774. 0% { opacity: 0; }
  775. 50% { opacity: 0; }
  776. 100% { opacity: 1; }
  777.  
  778. </style>
  779.  
  780.  
  781.  
  782.  
  783. <script>
  784. $(function() {
  785. $('.t').click(function() {
  786. $('.same').slideToggle(400);
  787. });
  788. $('.m').click(function() {
  789. $('.les').slideToggle(400);
  790. });
  791. });
  792. </script>
  793.  
  794. </head>
  795.  
  796. <body>
  797.  
  798. <aside class="right"><a href="/" class="li"><img src="http://static.tumblr.com/7edcb8cde537990b980dbec09f51db22/kuvuvud/2zQnmyrnd/tumblr_static_4putipnhla0wg4ok8sooocgw0.png"/></a><nav><a href="/">index</a><a href="/ask">message</a><a href="/info">profile</a><a class="m">links</a><div class="les"><a href="/tagged/!">edits</a><a href="/icons">icons</a><a href="/n">navigation</a></div></nav><div id="d">For you, a thousand times over.</div></aside>
  799.  
  800. <div id="ev">
  801. <section id="entries" class="right">
  802. <a href="/" class="tai"></a>
  803.  
  804. <article class="posts">
  805.  
  806.  
  807.  
  808.  
  809.  
  810.  
  811. <div id="title">Navigation</div>
  812.  
  813. <div class="pad">
  814.  
  815. <div class="sss"><span>Personal</span><a href="/info">profile</a><a href="/books">books 2015</a><a href="/br">book reviews</a><a href="/trish reads">trish reads...</a><a href="/ficrec">fic rec</a><a href="/tv">television</a><a href="http://amzn.com/w/1XTT2GK7DNNM"target="_blank">wishlist</a><a href="/saved">saved urls</a><a href="/blogroll">blogroll</a></div>
  816.  
  817. <div class="sss"><span>Photoshop</span><a href="/tagged/!">edits</a><a href="/tagged/typo">typography</a><a href="/tagged/*">graphics</a><a href="/tagged/**">gifs</a><a href="/icons">icons</a><a href="http://photoswift.tumblr.com/tagged/trish"target="_blank">photoswift</a><a href="/tagged/1k">1k+ notes</a></div>
  818.  
  819. <div class="sss"><span>Tags: Basics</span><a href="/tagged/tunes">music</a><a href="/tagged/text">text posts</a><a href="/tagged/quote">quotes</a><a href="/tagged/words">words</a><a href="/tagged/important">important</a><a href="/tagged/ask">asks</a><a href="/tagged/reference">reference</a></div>
  820.  
  821. <div class="sss"><span>Tags: Aesthetic</span><a href="/tagged/ph">photography</a><a href="/tagged/art">art</a><a href="/tagged/sculpture">sculpture</a><a href="/tagged/architecture">architecture</a><a href="/tagged/interiors">interiors</a><a href="/tagged/fashion">fashion</a><a href="/tagged/makeup">makeup</a><a href="/tagged/anatomy">anatomy</a><a href="/tagged/hands">hands</a><a href="/tagged/homme">men</a><a href="/tagged/girls">women</a><a href="/tagged/space">space</a><a href="/tagged/plants">plants</a></div>
  822.  
  823. <div class="sss"><span>Tags: People</span><a href="/tagged/hs">harry styles</a><a href="/tagged/zm">zayn malik</a><a href="/tagged/alex turner">alex turner</a><a href="/tagged/ts">taylor swift</a><a href="/tagged/cara+delevingne">cara delevingne</a><a href="/tagged/phoebe+tonkin">phoebe tonkin</a><a href="/tagged/lorde">lorde</a><a href="/tagged/alexa+chung">alexa chung</a><a href="/tagged/lana+del+rey">lana del rey</a></div>
  824.  
  825. <div class="sss"><span>Tags: Literature</span><a href="/tagged/to all the boys i've loved before">to all the boys i've loved before</a><a href="/tagged/and the mountains echoed">and the mountains echoed</a><a href="/tagged/a thousand splendid suns">a thousand splendid suns</a><a href="/tagged/the kite runner">the kite runner</a><a href="/tagged/hp">harry potter</a><a href="/tagged/gone girl">gone girl</a><a href="/tagged/the raven cycle">the raven cycle</a><a href="/tagged/tsoa">the song of achilles</a><a href="/tagged/deathless">deathless</a><a href="/tagged/the secret history">the secret history</a><a href="/tagged/the grisha series">the grisha trilogy</a></div>
  826.  
  827. <div class="sss"><span>Tags: Television</span><a href="/tagged/the 100">the 100</a><a href="/tagged/game of thrones">game of thrones</a><a href="/tagged/htgawm">htgawm</a><a href="/tagged/grey's anatomy">grey's anatomy</a><a href="/tagged/gilmore girls">gilmore girls</a><a href="/tagged/the mindy project">the mindy project</a><a href="/tagged/mmfd">my mad fat diary</a><a href="/tagged/friends">friends</a><a href="/tagged/fnl">friday night lights</a></div>
  828.  
  829. <div class="sss"><span>Tags: Film</span><a href="/tagged/hp">harry potter</a><a href="/tagged/thg">the hunger games</a><a href="/tagged/gone girl">gone girl</a><a href="/tagged/pride and prejudice">pride and prejudice</a><a href="/tagged/divergent">divergent</a><a href="/tagged/atonement">atonement</a><a href="/tagged/marie antoinette">marie antoinette</a> <a href="/tagged/titanic">titanic</a><a href="/tagged/inception">inception</a></div>
  830.  
  831.  
  832. <div class="sss"><span>Page Design By</span><a href="http://sorrism.tumblr.com"target="_blank">sorrism</a>
  833.  
  834.  
  835.  
  836.  
  837.  
  838.  
  839.  
  840.  
  841.  
  842.  
  843.  
  844.  
  845.  
  846.  
  847.  
  848.  
  849.  
  850.  
  851.  
  852.  
  853.  
  854.  
  855.  
  856. </div>
  857.  
  858.  
  859.  
  860.  
  861.  
  862.  
  863.  
  864.  
  865.  
  866.  
  867. </div>
  868.  
  869.  
  870.  
  871.  
  872. <!-- BEGIN TUMBLR CODE --><iframe scrolling="no" width="1" height="1" frameborder="0" style="background-color:transparent; overflow:hidden; position:absolute; top:0; left:0; z-index:9999;" id="ga_target"></iframe><script type="text/javascript">
  873. (function(){
  874. var analytics_frame = document.getElementById('ga_target');
  875. var analytics_iframe_loaded;
  876. var user_logged_in;
  877. var blog_is_nsfw = 'No';
  878. var addthis_enabled = false;
  879.  
  880. var eventMethod = window.addEventListener ? "addEventListener" : "attachEvent";
  881. var eventer = window[eventMethod];
  882. var messageEvent = eventMethod == "attachEvent" ? "onmessage" : "message";
  883. eventer(messageEvent,function(e) {
  884. var message = (e.data && e.data.split) ? e.data.split(';') : '';
  885. switch (message[0]) {
  886. case 'analytics_iframe_loaded':
  887. analytics_iframe_loaded = true;
  888. postCSMessage();
  889. postGAMessage();
  890. postATMessage();
  891. break;
  892. case 'user_logged_in':
  893. user_logged_in = message[1];
  894. postGAMessage();
  895. postATMessage();
  896. break;
  897. }
  898. }, false);
  899.  
  900. analytics_frame.src = "https://secure.assets.tumblr.com/analytics.html?cd0bd711bd372599001af51ceb2e0aaf#" +
  901. "http://20stitches.tumblr.com";
  902. function postGAMessage() {
  903. if (analytics_iframe_loaded && user_logged_in) {
  904. var is_ajax = false;
  905. analytics_frame.contentWindow.postMessage(['tick_google_analytics', is_ajax, user_logged_in, blog_is_nsfw, '/ficrec?route=custom_page'].join(';'), analytics_frame.src.split('/analytics.html')[0]);
  906. }
  907. }
  908. function postCSMessage() {
  909. COMSCORE = true;
  910. analytics_frame.contentWindow.postMessage('enable_comscore;' + window.location, analytics_frame.src.split('/analytics.html')[0]);
  911. }
  912. function postATMessage() {
  913. if (addthis_enabled && analytics_iframe_loaded) {
  914. analytics_frame.contentWindow.postMessage('enable_addthis', analytics_frame.src.split('/analytics.html')[0]);
  915. }
  916. }
  917. })();
  918. </script><script type="text/javascript">!function(s){s.src='https://www.tumblr.com/impixu?T=1429296189&J=eyJ0eXBlIjoidXJsIiwidXJsIjoiaHR0cDpcL1wvMjBzdGl0Y2hlcy50dW1ibHIuY29tXC9maWNyZWMiLCJyZXF0eXBlIjowLCJyb3V0ZSI6ImN1c3RvbV9wYWdlIn0=&U=FLIENOFMNN&K=cf71f5d92e83b61c9d9217a941eeabcdc87c89e6ba07ddbdeabc14786676d19d&R=http%3A%2F%2F20stitches.tumblr.com%2Fn'.replace(/&R=[^&$]*/,'').concat('&R='+escape(document.referrer)).slice(0,2000).replace(/%.?.?$/,'');}(new Image());</script><noscript><img style="position:absolute;z-index:-3334;top:0px;left:0px;visibility:hidden;" src="https://www.tumblr.com/impixu?T=1429296189&J=eyJ0eXBlIjoidXJsIiwidXJsIjoiaHR0cDpcL1wvMjBzdGl0Y2hlcy50dW1ibHIuY29tXC9maWNyZWMiLCJyZXF0eXBlIjowLCJyb3V0ZSI6ImN1c3RvbV9wYWdlIiwibm9zY3JpcHQiOjF9&U=FLIENOFMNN&K=76363140f72072ff5507f91cef41e7f2ad9a32733ccb279112c7b7b3014af3b7&R=http%3A%2F%2F20stitches.tumblr.com%2Fn"></noscript><script>
  919. (function (w,d) {
  920. 'use strict';
  921. var l = function(el, type, listener, useCapture) {
  922. el.addEventListener ?
  923. el.addEventListener(type, listener, !!useCapture) :
  924. el.attachEvent && el.attachEvent('on' + type, listener, !!useCapture);
  925. };
  926. var a = function () {
  927. if (d.getElementById('tumblr-cdx')) {
  928. return;
  929. }
  930. var s = d.createElement('script');
  931. var el = d.getElementsByTagName('script')[0];
  932. s.async = true;
  933. s.src = 'http://assets.tumblr.com/assets/scripts/vendor/cedexis/cedexis.radar.js?_v=52f4655fc08c33e92bbf84738fc9cc2c';
  934. s.type = 'text/javascript';
  935. s.id = 'tumblr-cdx';
  936. d.body.appendChild(s);
  937. };
  938. l(w,'load',a);
  939. }(window, document));
  940. </script><script>
  941. (function() {
  942. var s = document.createElement('script');
  943. var el = document.getElementsByTagName('script')[0];
  944. s.src = ('https:' == document.location.protocol ? 'https://s' : 'http://l') + '.yimg.com/ss/rapid-3.18.1.js';
  945. s.onload = function(){
  946. var YAHOO = window.YAHOO;
  947. if (YAHOO) {
  948. var keys = {
  949. pd:'custom_page',
  950. _li:0,
  951. b_id:58973751,
  952. i_rad:0,
  953. i_strm:0,
  954. test_id: 'OLD' // version bucket
  955.  
  956. };
  957. var conf = {
  958. spaceid:1197716038,
  959. client_only:1,
  960. yql_enabled:false,
  961. keys:keys,
  962. nol:1
  963. };
  964. YAHOO.rapid = new YAHOO.i13n.Rapid(conf);
  965. }
  966. };
  967. el.parentNode.insertBefore(s, el);
  968. })();
  969. </script><script>
  970. (function (w,d) {
  971. 'use strict';
  972. var l = function(el, type, listener, useCapture) {
  973. el.addEventListener ?
  974. el.addEventListener(type, listener, !!useCapture) :
  975. el.attachEvent && el.attachEvent('on' + type, listener, !!useCapture);
  976. };
  977. var a = function () {
  978. if (d.getElementById('tumblr-cdx')) {
  979. return;
  980. }
  981. var s = d.createElement('script');
  982. var el = d.getElementsByTagName('script')[0];
  983. s.async = true;
  984. s.src = 'http://assets.tumblr.com/assets/scripts/vendor/cedexis/cedexis.radar.js?_v=52f4655fc08c33e92bbf84738fc9cc2c';
  985. s.type = 'text/javascript';
  986. s.id = 'tumblr-cdx';
  987. d.body.appendChild(s);
  988. };
  989. l(w,'load',a);
  990. }(window, document));
  991. </script><iframe id="tumblr_controls" class="tumblr_controls" width="1" height="1" frameborder="0" scrolling="no" src="https://secure.assets.tumblr.com/assets/html/iframe/o.html?_v=57c1ce299ce6fe18cf9892e46fc17311#src=http%3A%2F%2F20stitches.tumblr.com%2Fficrec&amp;lang=en_US&amp;name=20stitches&amp;avatar=http%3A%2F%2F38.media.tumblr.com%2Favatar_51e3700bdf6f_64.png&amp;title=lonely+hearts&amp;url=http%3A%2F%2F20stitches.tumblr.com%2F&amp;page_slide=slide"></iframe><div id="teaser_iframe_container" style="display:none;"><iframe scrolling="no" frameborder="0" src="http://assets.tumblr.com/assets/html/iframe/teaser.html?_v=39eb45383a7308015502923eaafb6722#src=http%3A%2F%2F20stitches.tumblr.com%2Fficrec&amp;lang=en_US&amp;name=20stitches&amp;avatar=http%3A%2F%2F38.media.tumblr.com%2Favatar_51e3700bdf6f_64.png&amp;title=lonely+hearts&amp;url=http%3A%2F%2F20stitches.tumblr.com%2F&amp;page_slide=slide" id="teaser_iframe" width="1" height="1"></iframe></div><!--[if IE]><script type="text/javascript">document.getElementById('tumblr_controls').allowTransparency=true;</script><![endif]--><!-- END TUMBLR CODE -->
  992.  
  993.  
  994. </body></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!