API tools faq
paste
Advertisement
rasperries

violet nav

rasperries
Apr 1st, 2015
280
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.06 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. <!DOCTYPE html>
  5. <html xmlns="http://www.w3.org/1999/xhtml">
  6. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  7. <!--
  8.  
  9.  
  10.  
  11.  
  12. violet theme by eoxk
  13. http://eoxk.tumblr.com
  14.  
  15.  
  16.  
  17.  
  18. -->
  19. <title>cool</title>
  20. <style type="text/css">figure {margin: 0;}</style>
  21. <link rel="alternate" type="application/rss+xml" href="http://20stitches.tumblr.com/rss"/>
  22. <link rel="shortcut icon" href="http://31.media.tumblr.com/avatar_9e4234c94964_128.png"/>
  23.  
  24. <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;..." />
  25.  
  26. <meta name="image:background" content="http://static.tumblr.com/81b2be1e47b17e2ca239f97f324687dd/qudkd6d/2QZnkim4q/tumblr_static_e9zacz1pelko40c4sco4o8o0k.png"/>
  27. <meta name="color:background" content="#ffffff"/>
  28. <meta name="color:nav bg" content="#f2fcfe"/>
  29. <meta name="color:nav icon" content="#404040"/>
  30. <meta name="color:text" content="#8f8f8f"/>
  31. <meta name="color:post border" content="#f3f3f3"/>
  32. <meta name="color:post bg" content="#ffffff"/>
  33. <meta name="color:caption bg" content="#fafafa"/>
  34. <meta name="color:title" content="#4f4f4f"/>
  35. <meta name="color:bold" content="#6a6a6a"/>
  36. <meta name="color:link" content="#90aac1"/>
  37. <meta name="color:link hover" content="#a3c5d7"/>
  38. <meta name="color:post info" content="#bfbfbf"/>
  39. <meta name="color:accent" content="#bfbfbf"/>
  40. <meta name="color:accent border" content="#dddddd"/>
  41. <meta name="color:blockquote border" content="#e9e9e9"/>
  42. <meta name="color:scrollbar" content="#dcdcdc"/>
  43. <meta name="select:post width" content="208" title="200"/>
  44. <meta name="select:post width" content="258" title="250"/>
  45. <meta name="select:post width" content="308" title="300"/>
  46. <meta name="select:post width" content="358" title="350"/>
  47. <meta name="select:post width" content="408" title="400"/>
  48. <meta name="select:post width" content="458" title="450"/>
  49. <meta name="select:post width" content="492" title="500"/>
  50. <meta name="if:sidebar" content="0"/>
  51. <meta name="if:one column" content="0"/>
  52. <meta name="if:hover info" content="0"/>
  53. <meta name="if:post borders" content="1"/>
  54. <meta name="if:search bar" content="1"/>
  55. <meta name="if:show title" content="1"/>
  56. <meta name="if:show description" content="1"/>
  57. <meta name="if:show captions" content="1"/>
  58. <meta name="if:inline captions" content="0"/>
  59. <meta name="if:show tags" content="1"/>
  60. <meta name="if:tile background" content="1"/>
  61. <meta name="if:infinite scroll" content="1"/>
  62. <meta name="text:body font" content=""/>
  63. <meta name="text:home link" content="home"/>
  64. <meta name="text:archive link" content="archive"/>
  65. <meta name="text:ask link" content="ask"/>
  66. <meta name="text:link 1" content=""/>
  67. <meta name="text:link 1 url" content=""/>
  68. <meta name="text:link 2" content=""/>
  69. <meta name="text:link 2 url" content=""/>
  70. <meta name="text:link 3" content=""/>
  71. <meta name="text:link 3 url" content=""/>
  72. <meta name="text:link 4" content=""/>
  73. <meta name="text:link 4 url" content=""/>
  74. <meta name="text:link 5" content=""/>
  75. <meta name="text:link 5 url" content=""/>
  76. <meta name="text:link 6" content=""/>
  77. <meta name="text:link 6 url" content=""/>
  78.  
  79. <link href='//fonts.googleapis.com/css?family=Open+Sans:400,400italic' rel='stylesheet' type='text/css'>
  80.  
  81. <style type="text/css">
  82.  
  83. /* basic styles */
  84.  
  85. ::-webkit-scrollbar {
  86. width:6px;
  87. height:6px;
  88. }
  89. ::-webkit-scrollbar,
  90. ::-webkit-scrollbar-track {
  91. background-color:#ffffff;
  92. }
  93. ::-webkit-scrollbar-thumb {
  94. background-color:#eeeeee;
  95. border:1px solid #ffffff;
  96. }
  97. body {
  98. margin:0px;
  99. font-family:'open sans', arial, sans-serif;
  100. letter-spacing:0px;
  101. font-size:9px;
  102. line-height:1.5em;
  103. word-wrap:break-word;
  104. overflow-x:hidden;
  105. background-attachment:fixed;
  106. -moz-font-smoothing:subpixel-antialiased;
  107. -webkit-font-smoothing:subpixel-antialiased;
  108. font-smoothing:subpixel-antialiased;
  109. color:#999999;
  110. background-color:#ffffff;
  111.  
  112.  
  113.  
  114. }
  115. blockquote, ol, ul, p, pre {
  116. margin-top:.6em;
  117. margin-bottom:.6em;
  118. }
  119. blockquote {
  120. margin-left:0;
  121. margin-right:0;
  122. padding-left:.9em;
  123. border-left:1px solid #eeeeee;
  124. }
  125. pre {
  126. white-space:normal;
  127. font-family:consolas, monospace;
  128. }
  129. img {
  130. border:0px;
  131. }
  132. a {
  133. color:inherit;
  134. text-decoration:none;
  135. -webkit-transition:all .15s linear;
  136. transition:all .15s linear;
  137. }
  138. a:hover {
  139. color:#999999;
  140. }
  141. ol, ul {
  142. padding-left:1em;
  143. list-style-type:none;
  144. }
  145. li ol, li ul {
  146. margin:0;
  147. }
  148. article ol li {
  149. counter-increment:olist;
  150. position:relative;
  151. padding-left:3em;
  152. }
  153. article ol li::before {
  154. content:counter(olist);
  155. display:inline-block;
  156. position:absolute;
  157. left:0;
  158. width:2.75em;
  159. overflow:hidden;
  160. vertical-align:middle;
  161. margin:0 6px 0 0;
  162. color:#dddddd;
  163. }
  164. small, sub, big {
  165. font-size:9px;
  166. vertical-align:baseline;
  167. }
  168. b, strong {
  169. font-weight:normal;
  170. color:#666666!important;
  171. }
  172. h1, h2, h3, h4, h5, h6 {
  173. font-size:1em;
  174. font-weight:normal;
  175. }
  176. hr {
  177. border:0;
  178. margin:0;
  179. }
  180.  
  181. a.tumblr_blog {
  182. font-size:7px;
  183. font-style:italic;
  184. font-family:'open sans', 'trebuchet ms', 'helvetica neue', sans-serif;
  185. text-transform:uppercase;
  186. letter-spacing:1px;
  187. vertical-align:middle;
  188. color:#bfbfbf;
  189. }
  190.  
  191.  
  192.  
  193. /* accents */
  194.  
  195. .accent,
  196. ol, ul,
  197. #s-m-t-tooltip {
  198. font-size:7px;
  199. font-style:italic;
  200. font-family:'open sans', 'trebuchet ms', 'helvetica neue', sans-serif;
  201. text-transform:uppercase;
  202. letter-spacing:1px;
  203. vertical-align:middle;
  204. color:#bfbfbf;
  205. }
  206. .title {
  207. font-style:italic;
  208. font-family:'open sans', 'helvetica neue', sans-serif;
  209. line-height:1.2em;
  210. text-transform:uppercase;
  211. letter-spacing:1px;
  212. margin-top:10px;
  213. color:#000000;
  214. }
  215. ul li,
  216. .quote .source,
  217. .question i,
  218. .tags {
  219. position:relative;
  220. line-height:13px!important;
  221. padding-left:18px;
  222. }
  223. ul li::before,
  224. .quote .source::before,
  225. .question i::before,
  226. .tags::before {
  227. content:" ";
  228. display:inline-block;
  229. position:absolute;
  230. left:0;
  231. top:6px;
  232. vertical-align:middle;
  233. margin:0 6px 0 0;
  234. width:12px;
  235. height:1px;
  236. background-color:#dddddd;
  237. }
  238.  
  239. /* navigation */
  240.  
  241. #button {
  242. display:inline-block;
  243. position:fixed;
  244. top:0;
  245. left:0;
  246. z-index:10;
  247. width:18px;
  248. padding:10px;
  249. border:0;
  250. }
  251. #button hr {
  252. display:block;
  253. height:2px;
  254. border-radius:1px;
  255. margin-bottom:4px;
  256. background-color:#000000;
  257. transition:transform .15s linear;
  258. }
  259. nav {
  260. position:fixed;
  261. top:50%;
  262. left:50%;
  263. z-index:20;
  264. width:170px;
  265. padding:12px;
  266. border-radius:3px;
  267. background-color:#ffffff;
  268. -webkit-transform:translate(-50%,-50%);
  269. transform:translate(-50%,-50%);
  270. }
  271. .bg {
  272. position:fixed;
  273. top:0;
  274. right:0;
  275. left:0;
  276. height:35px;
  277. opacity:.9;
  278. z-index:9;
  279. background-color:#fbfbfb;
  280. -webkit-transition:height .3s linear .3s;
  281. transition:height .3s linear .3s;
  282. }
  283. .open .bg {
  284. height:100%;
  285. -webkit-transition-delay:0s;
  286. transition-delay:0s;
  287. }
  288. nav {
  289. visibility:hidden;
  290. opacity:0;
  291. -webkit-transition:opacity .3s linear, visibility 0s linear .3s;
  292. transition:opacity .3s linear, visibility 0s linear .3s;
  293. }
  294. .open nav {
  295. visibility:visible;
  296. opacity:1;
  297. -webkit-transition-delay:.3s;
  298. transition-delay:.3s;
  299. }
  300. nav ol {
  301. list-style-type:none;
  302. text-align:left;
  303. padding:0;
  304. margin:0;
  305. }
  306. nav ol li {
  307. display:inline;
  308. text-align:center;
  309. margin:0;
  310. }
  311. nav a,
  312. nav .search {
  313. display:inline-block;
  314. padding:7px 6px 6px;
  315. width:72px;
  316. border-right:1px solid #fafafa;
  317. border-top:1px solid #fafafa;
  318. }
  319. nav li:nth-child(1) a,
  320. nav li:nth-child(2) a {
  321. border-top:0;
  322. }
  323. nav li:nth-child(2n) a,
  324. nav li:last-child > * {
  325. border-right:0;
  326. }
  327. nav ol li:nth-child(2n+1):last-child a,
  328. nav ol li:nth-child(2n+1) .search,
  329. nav ol li:nth-child(2n+1) .query {
  330. width:159px;
  331. max-width:159px;
  332. }
  333. nav .search .query {
  334. max-width:70px;
  335. border:0;
  336. outline:0;
  337. padding:0;
  338. color:#bfbfbf;
  339. text-align:center;
  340. background-color:transparent;
  341. font-family:inherit;
  342. font-size:inherit;
  343. }
  344. ::-webkit-input-placeholder {color:#bfbfbf;}
  345. :-moz-placeholder {color:#bfbfbf; opacity:1;}
  346. ::-moz-placeholder {color:#bfbfbf; opacity:1;}
  347. :-ms-input-placeholder {color:#bfbfbf;}
  348. input:focus::-webkit-input-placeholder {color:transparent;}
  349. input:focus:-moz-placeholder {color:transparent;}
  350. input:focus::-moz-placeholder {color:transparent; }
  351. input:focus:-ms-input-placeholder { color:transparent;}
  352.  
  353. /* container */
  354.  
  355. #main {
  356. margin:35px auto 40px;
  357. padding:0 0px;
  358. }
  359. .top #main {
  360. text-align:center;
  361. }
  362. .left #main {
  363. padding-left:500px;
  364. }
  365.  
  366. /* sidebar/header */
  367.  
  368. aside {
  369. text-align:center;
  370. }
  371. .top aside {
  372. margin:115px 0 40px;
  373. }
  374. .left aside {
  375. position:fixed;
  376. margin-left:-180px;
  377. top:50%;
  378. -webkit-transform:translateY(-50%);
  379. transform:translateY(-50%);
  380. width:140px;
  381. }
  382. aside .title a {
  383. color:#000000;
  384. letter-spacing:5px;
  385. padding:0 0 0 5px;
  386. font-size:1.2em;
  387. display:block;
  388. text-shadow:1px 1px 0 #ffffff;
  389. }
  390. aside .desc {
  391. display:inline-block;
  392. padding:5px 6px;
  393. border-radius:3px;
  394. -moz-box-sizing:border-box;
  395. box-sizing:border-box;
  396. max-width:358px;
  397. background-color:#ffffff;
  398. }
  399. aside .desc:nth-child(2) {
  400. margin-top:12px;
  401. }
  402. aside .desc a {
  403. color:#000000;
  404. }
  405.  
  406. /* posts */
  407.  
  408. #content {
  409. margin:0 auto;
  410. font-size:0;
  411. display:inline-block;
  412. }
  413. .left #content {
  414. margin:40px 0;
  415. }
  416. .entry {
  417. position:relative;
  418. overflow:hidden;
  419. text-align:left;
  420. -moz-box-sizing:border-box;
  421. box-sizing:border-box;
  422. font-size:9px;
  423. margin:40px 40px 80px;
  424. width:358px;
  425. padding:3px;
  426. background-color:#ffffff;
  427.  
  428.  
  429. border-radius:3px;
  430.  
  431.  
  432. width:486px!important;
  433. }
  434. .top .entry {
  435. margin:40px auto 80px;
  436. }
  437. .left .entry:last-of-type {
  438. margin-bottom:0;
  439. }
  440. .post {
  441. position:relative;
  442. }
  443. .post img {
  444. max-width:100%;
  445. height:auto;
  446. border:0px solid #fafafa;
  447. }
  448.  
  449. /* info */
  450.  
  451. .date {
  452. padding:7px 7px 4px;
  453. margin-top:3px;
  454. border-top:1px solid #fafafa;
  455. color:#bfbfbf;
  456.  
  457.  
  458. }
  459. .date a {
  460. margin:0 0 0 1px;
  461. }
  462. .date .reblog::before,
  463. .date .rf::before {
  464. content:"/ ";
  465. margin:0 1px;
  466. }
  467. .tags {
  468.  
  469. }
  470.  
  471. /* post titles */
  472.  
  473. .post > h1 {
  474. margin:0;
  475. font-size:1.1em;
  476. padding:9px 12px 12px;
  477. margin-bottom:3px;
  478. border-bottom:1px solid #fafafa;
  479. }
  480. .quote {
  481. font-style:italic;
  482. }
  483. .quote,
  484. .question {
  485. position:relative;
  486. margin-bottom:3px;
  487. border-radius:3px;
  488. padding:12px;
  489. color:;
  490. background-color:#fbfbfb;
  491. line-height:1.7em;
  492. }
  493. .quote .source,
  494. .question i {
  495. position:absolute;
  496. bottom:12px;
  497. right:12px;
  498. font-style:inherit;
  499. display:inline-block;
  500. }
  501. .quote .source p {
  502. margin:0;
  503. }
  504. .quote .source p::before {
  505. content:" ";
  506. }
  507. .quote .fix,
  508. .question .fix {
  509. position:static;
  510. opacity:0;
  511. }
  512.  
  513. /* text and captions */
  514.  
  515. .text {
  516. padding:12px;
  517. background-color:#fbfbfb;
  518. text-align:left;
  519. border-radius:3px;
  520. }
  521. .text a {
  522. font-style:italic;
  523. color:#999999;
  524. }
  525. .text a:hover {
  526. color:#000000;
  527. }
  528. .text *:first-child {
  529. margin-top:0px;
  530. }
  531. .text *:last-child {
  532. margin-bottom:0px;
  533. }
  534. .caption {
  535. margin-top:3px;
  536.  
  537. }
  538.  
  539.  
  540. /* photos and videos */
  541.  
  542. .media {
  543. border-radius:3px;
  544. overflow:hidden;
  545. }
  546. .media img,
  547. .media .photoset {
  548. display:block;
  549. max-width:100%;
  550. margin:0px auto;
  551. }
  552. .video #youtube_iframe {
  553. display:block;
  554. max-width:100%;
  555. max-height:calc(358px * 0.67);
  556. }
  557. .video iframe,
  558. .tumblr_video_container {
  559. display:block;
  560. max-width:100%;
  561. max-height:358px;
  562. }
  563.  
  564. /* chat posts */
  565.  
  566. .chat {
  567. display:table;
  568. border-spacing:0;
  569. -moz-box-sizing:border-box;
  570. box-sizing:border-box;
  571. width:100%;
  572. }
  573. .chat .line {
  574. display:table-row;
  575. }
  576. .chat .label {
  577. display:table-cell;
  578. padding-right:5px;
  579. }
  580.  
  581. /* audio posts */
  582.  
  583. .audiowrap {
  584. position:relative;
  585. height:51px;
  586. overflow:hidden;
  587. line-height:0;
  588. text-align:left;
  589. }
  590. .albumart {
  591. position:relative;
  592. display:inline-block;
  593. width:51px;
  594. height:51px;
  595. border-radius:3px;
  596. background-size:cover;
  597. }
  598. .audio {
  599. position:absolute;
  600. display:inline-block;
  601. left:0px;
  602. top:0px;
  603. right:0px;
  604. bottom:0px;
  605. text-align:left;
  606. }
  607. .audio .player {
  608. width:27px;
  609. height:27px;
  610. left:12px;
  611. top:12px;
  612. opacity:.9;
  613. overflow:hidden;
  614. position:absolute;
  615. }
  616. .audio .track {
  617. overflow:hidden;
  618. position:absolute;
  619. top:0px;
  620. left:54px;
  621. right:0px;
  622. bottom:0px;
  623. padding:12px;
  624. border-radius:3px;
  625. line-height:14px!important;
  626. background-color:#fbfbfb;
  627. }
  628. .audio .track i {
  629. font-style:inherit;
  630. display:block;
  631. position:relative;
  632. width:100%;
  633. height:14px;
  634. overflow:hidden;
  635. }
  636.  
  637.  
  638. /* pagination */
  639.  
  640. .pagination {
  641. position:relative;
  642. left:0px;
  643. right:0;
  644. bottom:0;
  645. color:#000 !important;
  646. text-align:center;
  647. line-height:13px!important;
  648. padding:9px;
  649. background-color:transparent;
  650.  
  651. }
  652. .pagination ol {
  653. color:#000 !important;
  654. margin:0;
  655. padding:0;
  656. list-style-type:none;
  657.  
  658. }
  659. .pagination li {
  660. color:#000 !important;
  661. display:inline;
  662. margin:0;
  663. }
  664. .pagination hr {
  665. color:#000 !important;
  666. display:inline-block;
  667. vertical-align:2px;
  668. margin:0 6px;
  669. width:12px;
  670. height:1px;
  671. background-color:#dddddd;
  672. }
  673.  
  674.  
  675. /* post notes */
  676.  
  677. #notes {
  678. text-align:left;
  679. }
  680. .notes {
  681. list-style-type:none;
  682. padding:6px;
  683. margin:0;
  684. }
  685. .notes a {
  686. border:0;
  687. text-decoration:none;
  688. color:inherit;
  689. }
  690. .notes img {
  691. display:none;
  692. }
  693. .notes li blockquote {
  694. margin-bottom:.5em!important;
  695. }
  696.  
  697. #infscr-loading {
  698. display:none!important;
  699. }
  700. #tumblr_controls {
  701. -webkit-filter:invert(100%);
  702. -webkit-backface-visibility:hidden;
  703. opacity:.67!important;
  704. padding:4px;
  705. }
  706. #tumblr_lightbox {
  707. background-color:transparent!important;
  708. }
  709. #tumblr_lightbox > div:nth-child(2) {
  710. opacity:.9;
  711. background-color:#fbfbfb;
  712. }
  713. #vignette,
  714. #tumblr_lightbox_left_image,
  715. #tumblr_lightbox_right_image {
  716. visibility:hidden;
  717. }
  718. #tumblr_lightbox img {
  719. box-shadow:none!important;
  720. }
  721. #theme {
  722. position:fixed;
  723. bottom:10px;
  724. right:10px;
  725. display:inline-block;
  726. padding:5px 4px 5px 5px;
  727. border-radius:3px;
  728. font-size:7px;
  729. font-family:'open sans', 'trebuchet ms', arial, sans-serif;
  730. text-transform:uppercase;
  731. letter-spacing:1px;
  732. line-height:1em;
  733. background-color:#ffffff;
  734. color:#bfbfbf;
  735. }
  736. #s-m-t-tooltip {
  737. max-width:300px;
  738. z-index:9999;
  739. margin:20px 12px 5px 10px;
  740. padding:4px;
  741. border-radius:2px;
  742. line-height:1em;
  743. background:#000000;
  744. color:#ffffff;
  745. }
  746.  
  747. .spi a:hover{background:transparent;}
  748. .spi img{width:50px;margin-bottom:10px;}
  749.  
  750. .sss {
  751. position:relative;
  752. width:calc(485px + 0px);
  753. display:block;
  754. margin-bottom:20px;
  755. font-weight:normal;
  756. }
  757.  
  758. .sss a, .sss span {
  759. width:calc(50% - 5px);
  760. display:inline-block;
  761. margin-right:5px;
  762. text-transform:uppercase;
  763. letter-spacing:1px;
  764. font-style:normal;
  765. font-size:7px;
  766. border-bottom:1px solid #fafafa;
  767. padding:5px 0;
  768. font-weight:normal;
  769. }
  770.  
  771. .sss span {
  772. font-weight:normal;
  773. color:#000000;
  774. font-style:italic;
  775. }
  776.  
  777. </style>
  778.  
  779. </head>
  780. <body class="top">
  781. <a id="button" class="accent" href="#" title="navigate"><hr/><hr/><hr/></a><div class="bg"></div>
  782. <nav><!-- n a v i g a t i o n --><ol class="accent"><li><a href="/">home</a></li><li><a href="/faq">message</a></li><li><a href="/info">about</a></li><li><a href="http://amzn.com/w/1XTT2GK7DNNM">wishlist</a></li><li><a href="/tagged/!">edits</a></li><li><a href="/icons">icons</a></li><li><a href="/n">navigation</a></li><li><a href="/archive">archive</a></li><li><form action="/search" method="get" class="search"><input type="text" name="q" value="" class="accent query" placeholder="search"/></form></li></ol></nav>
  783. <div id="main">
  784. <aside><!-- s i d e b a r --><div class="title"><a href="/">cool</a></div>
  785. <div class="desc accent">trish, gemini<br>i am endlessly creating myself</div>
  786. </aside>
  787. <div id="content"><!-- p o s t s -->
  788.  
  789. <article class="entry">
  790. <div class="post">
  791.  
  792.  
  793. <h1 class="title">Navigation</h1>
  794.  
  795. <div class="pad">
  796.  
  797. <div class="sss"><span>Personal</span><a href="/info">Profile</a><a href="/books">Books 2015</a><a href="/ficrec">fic rec</a><a href="/tv">television</a><a href="http://amzn.com/w/1XTT2GK7DNNM">wishlist</a><a href="/saved">saved urls</a><a href="/blogroll">blogroll</a></div>
  798.  
  799. <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">photoswift</a><a href="/tagged/1k">1k+ Notes</a></div>
  800.  
  801. <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>
  802.  
  803. <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>
  804.  
  805. <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>
  806.  
  807. <div class="sss"><span>Tags: Literature</span><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>
  808.  
  809. <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>
  810.  
  811. <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>
  812.  
  813.  
  814. <div class="sss"><span>Page Design by</span><a href="http://sorrism.tumblr.com">sorrism</a>
  815.  
  816.  
  817.  
  818.  
  819.  
  820.  
  821.  
  822.  
  823.  
  824.  
  825.  
  826.  
  827.  
  828.  
  829.  
  830.  
  831.  
  832.  
  833.  
  834.  
  835.  
  836.  
  837.  
  838. </div>
  839.  
  840.  
  841.  
  842.  
  843.  
  844.  
  845.  
  846.  
  847.  
  848.  
  849. </div>
  850.  
  851. <div id="theme"><a href="http://eoxk.tumblr.com">K.</a></div>
  852. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="http://static.tumblr.com/qudkd6d/QGdnk057h/jquery.style-my-tooltips.js"></script><script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  853. <script>
  854. $(document).ready(function(){
  855. $('.photo-slideshow').pxuPhotoset({
  856. lightbox: true,
  857. rounded: 'corners',
  858. borderRadius: '3px',
  859. gutter: '3px',
  860. photoset: '.photo-slideshow',
  861. photoWrap: '.photo-data',
  862. photo: '.pxu-photo'
  863. });
  864. $('#button, .bg').click(function(){
  865. $('body').toggleClass('open');
  866. return false
  867. });
  868. $('[title]').style_my_tooltips({
  869. tip_follows_cursor: false,
  870. tip_delay_time: 150,
  871. tip_fade_speed: 150,
  872. attribute: "title"
  873. });
  874. });
  875. </script>
  876.  
  877.  
  878. <script>
  879. $(document).ready(function(){
  880. var $container = $('#content');
  881.  
  882.  
  883. });
  884. </script>
  885.  
  886.  
  887.  
  888. </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!