API tools faq
paste
Advertisement
Guest User

my theme for gav

a guest
Mar 21st, 2019
78
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 38.80 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html><html><head>
  2.  
  3.  
  4.  
  5. <!-- ＴＨＥＭＥ ＣＯＤＥ ＢＹ ＭＩＫＫＡ ／ ＤＲＯＩＤＩＲＥ． -->
  6.  
  7.  
  8.  
  9. <meta charset="utf-8"><meta name="viewport" content="initial-scale=1.0, width=device-width" />
  10.  
  11. <!-- CUSTOMIZE BROWSER TAB BLOG TITLE HERE.
  12. this won't affect your main blog title that shows on the dash. -->
  13. <title>TOO TIRED FOR THIS SHIT.</title>
  14.  
  15.  
  16. <!-- CUSTOMIZE BROWSER TAB AVATAR HERE.
  17. this won't affect your main avi that shows on the dash. -->
  18. <link rel="shortcut icon" href="{favicon}">
  19.  
  20.  
  21. <!-- RSS ALT. DON'T TOUCH THIS. -->
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23.  
  24.  
  25. <!-- VARIOUS SCRIPTS. -->
  26. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  27.  
  28. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  29.  
  30. <script src="https://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  31.  
  32.  
  33. <!-- SMOOTH SCROLL SCRIPT. VERY IMPORTANT. -->
  34. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  35.  
  36. <!-- TABS SCRIPT. ALSO VERY IMPORTANT. -->
  37. <script src="https://static.tumblr.com/dxh5xq2/v6Gn8ju1e/tabs.js"></script>
  38.  
  39. <!-- CUSTOM TOOLTIPS. -->
  40. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  41.  
  42. <script>
  43.  
  44. (function($){
  45.  
  46. $(document).ready(function(){
  47.  
  48. $("a[title]").style_my_tooltips({
  49.  
  50. tip_follows_cursor:true,
  51.  
  52. tip_delay_time:90,
  53.  
  54. tip_fade_speed:600,
  55.  
  56. attribute:"title"
  57.  
  58. });
  59.  
  60. });
  61.  
  62. })(jQuery);
  63.  
  64. </script>
  65.  
  66.  
  67.  
  68. <!-- SCRIPTS FOR TABS. -->
  69. <script>
  70. $(document).ready(function() {
  71. $('.tabs .tab-links a').on('click', function(e) {
  72. var currentAttrValue = $(this).attr('href');
  73.  
  74. // Show/Hide Tabs
  75. $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
  76.  
  77. // Change/remove current tab to active
  78. $(this).parent('li').addClass('active').siblings().removeClass('active');
  79.  
  80. e.preventDefault();
  81. });
  82. });
  83. </script>
  84.  
  85. <script>
  86. $(document).ready(function() {
  87. $('#filterOptions li a').click(function() {
  88. // fetch the class of the clicked item
  89. var ourClass = $(this).attr('class');
  90.  
  91. // reset the active class on all the buttons
  92. $('#filterOptions li').removeClass('active');
  93. // update the active state on our clicked button
  94. $(this).parent().addClass('active');
  95.  
  96. if(ourClass == 'all') {
  97. // show all our items
  98. $('#ourHolder').children('div.item').show();
  99. }
  100. else {
  101. // hide all elements that don't share ourClass
  102. $('#ourHolder').children('div:not(.' + ourClass + ')').hide ();
  103. // show all elements that do share ourClass
  104. $('#ourHolder').children('div.' + ourClass).show();
  105. }
  106. return false;
  107. });
  108. });
  109. </script>
  110.  
  111.  
  112. <!-- IMPORTED FONTS.
  113. fonts that aren't default in themes. -->
  114. <link href="https://fonts.googleapis.com/css?family=Nunito+Sans" rel="stylesheet">
  115. <link href="https://fonts.googleapis.com/css?family=Bowlby+One+SC|Luckiest+Guy|Sigmar+One" rel="stylesheet">
  116.  
  117. <!-- BEGIN CSS CODING.
  118. this is the main theme stuff that makes it look pretty. -->
  119. <style type="text/css">
  120.  
  121. /* -- BEGIN BODY CODING. -- */
  122.  
  123. /* -- CUSTOMIZE SELECTION / HIGHLIGHT COLOUR. -- */
  124. ::selection {
  125. color: #fff;
  126. background-color: #000; }
  127.  
  128. ::-moz-selection {
  129. color: #fff;
  130. background-color: #000; }
  131.  
  132. /* -- CUSTOMIZE SCROLLBAR TYPE & COLOUR. -- */
  133. ::-webkit-scrollbar-thumb {
  134. height: auto;
  135. background-color: transparent; }
  136.  
  137. ::-webkit-scrollbar {
  138. width: 3px;
  139. height: 3px;
  140. padding-right: 2px;
  141. background-color: transparent; }
  142.  
  143. /* -- CUSTOMIZE TOOLTIPS. -- */
  144. .tooltip {
  145. display: inline;
  146. position: relative; }
  147.  
  148. #s-m-t-tooltip {
  149. padding: 3px;
  150. font-size: 9px;
  151. color: #fff;
  152. max-width: 300px;
  153. font-weight: bolder;
  154. letter-spacing: 3px;
  155. border: 1px solid #ffffff;
  156. text-transform: uppercase;
  157. background-repeat: repeat;
  158. margin: 20px 7px -2px 20px;
  159. background-attachment: fixed;
  160. background-position: center center;
  161. z-index: 999999999999999999999999999999999999;
  162. background-image:url('https://i.imgur.com/j5ddG9W.png');
  163. -o-transition-duration: 0.1s;
  164. -moz-transition-duration: 0.1s;
  165. -webkit-transition-duration: 0.1s;
  166. -webkit-font-smoothing: antialiased;
  167. -webkit-transition: all 0.1s ease-in-out; }
  168.  
  169. /* -- BODY CODING.
  170. this is where you customize your background image. -- */
  171. body {
  172. color: #fff;
  173. font-size: 10px;
  174. line-height: 200%;
  175. text-align: justify;
  176. letter-spacing: 1px;
  177. background-color: #000;
  178. background-repeat: no-repeat;
  179. font-family: 'Nunito Sans', sans-serif;
  180. background-image: url('https://i.imgur.com/tCGCelh.png'); }
  181.  
  182. /* -- POST CONTAINER CODING.
  183. controls container width, height, position, etc. -- */
  184. #cont, .tabcontent {
  185. width: 490px;
  186. height: 320px;
  187. position: fixed;
  188. margin-top: 345px;
  189. overflow-x: hidden;
  190. overflow-y: scroll;
  191. margin-left: 408px;
  192. background-color: transparent;
  193. transition: all 1s ease-in-out;
  194. -o-transition: all 1s ease-in-out;
  195. -ms-transition: all 1s ease-in-out;
  196. -moz-transition: all 1s ease-in-out;
  197. -webkit-transition: all 1s ease-in-out; }
  198.  
  199. #connorleft {
  200. position:fixed;
  201. top:220px;
  202. left:0px;
  203. line-height:70px;
  204. z-index:99999999999999; }
  205.  
  206. #connortop {
  207. position:fixed;
  208. top:0px;
  209. left: 267px;
  210. text-align: right;
  211. z-index:99999999999999;
  212. }
  213.  
  214. /* -- POST CODING.
  215. customizes width of and distance between posts. -- */
  216. #posts {
  217. margin-bottom: 30px;
  218. width: 460px; }
  219.  
  220. /* -- LINKS CODING.
  221. customizes link colours and style. -- */
  222. a {
  223. outline: none;
  224. color: #ede4e2;
  225. text-decoration: none;
  226. -moz-outline-style: none;
  227. -o-transition-duration: 0.8s;
  228. -moz-transition-duration: 0.8s;
  229. -webkit-transition-duration: 0.8s; }
  230.  
  231. a:hover {
  232. color: #aca9a2;
  233. outline: none;
  234. text-decoration: none; }
  235.  
  236. /* -- BOLD, ITALIC, SMALL TEXT. -- */
  237. i, em, italic {
  238. color: #e3dedd;
  239. letter-spacing: 1px;
  240. text-shadow: 0px 0px 1px #e3dedd; }
  241.  
  242. b, bold, strong {
  243. color: #bcb3b1;
  244. font-size: 13px;
  245. letter-spacing: 1px;
  246. font-weight: bolder;
  247. text-transform: uppercase; }
  248.  
  249. small, sub, small sub, small sup {
  250. font-size: 10px; }
  251.  
  252.  
  253. /* -- BLOCKQUOTES.
  254. i know there's a lot but it's important okay. -- */
  255. blockquote, blockquote blockquote, blockquote blockquote blockquote, blockquote blockquote blockquote blockquote , blockquote blockquote blockquote blockquote blockquote {
  256. margin-right: 3px;
  257. margin-left: 10px;
  258. padding-left: 10px;
  259. border-left: 2px solid #808080; }
  260.  
  261. blockquote, blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote , blockquote blockquote blockquote blockquote blockquote img {
  262. max-width: 100%; }
  263.  
  264. /* -- H1 & H2. -- */
  265. h1 {
  266. font-size: 20px;
  267. line-height: 125%;
  268. font-style: italic;
  269. text-align: center;
  270. color: transparent;
  271. letter-spacing: 3px;
  272. font-weight: bolder;
  273. background-clip: text;
  274. background-repeat: repeat;
  275. text-transform: uppercase;
  276. background-attachment: fixed;
  277. background-position: center center;
  278. background-image:url('https://i.imgur.com/2G5NDvQ.png');
  279. -moz-background-clip: text;
  280. -webkit-background-clip: text;
  281. -webkit-font-smoothing: antialiased;
  282. -webkit-text-fill-color: transparent;
  283. -o-transition-duration: 0.5s;
  284. -moz-transition-duration: 0.5s;
  285. -webkit-transition-duration: 0.5s;
  286. -webkit-transition: all 0.5s ease-in-out; }
  287.  
  288. h2 {
  289. font-size: 20px;
  290. line-height: 125%;
  291. font-style: italic;
  292. text-align: center;
  293. color: transparent;
  294. letter-spacing: 3px;
  295. font-weight: bolder;
  296. background-clip: text;
  297. background-repeat: repeat;
  298. text-transform: uppercase;
  299. background-attachment: fixed;
  300. background-position: center center;
  301. background-image:url('https://i.imgur.com/2G5NDvQ.png');
  302. -moz-background-clip: text;
  303. -webkit-background-clip: text;
  304. -webkit-font-smoothing: antialiased;
  305. -webkit-text-fill-color: transparent;
  306. -o-transition-duration: 0.5s;
  307. -moz-transition-duration: 0.5s;
  308. -webkit-transition-duration: 0.5s;
  309. -webkit-transition: all 0.5s ease-in-out; }
  310.  
  311.  
  312. /* -- GRAYSCALE & HOVER FADE ON IMAGES. -- */
  313. #cont img {
  314. opacity: 0.3;
  315. max-width: 100%;
  316. transition: all 0.5s ease-in-out;
  317. -o-transition: all 0.5s ease-in-out;
  318. -ms-transition: all 0.5s ease-in-out;
  319. -moz-transition: all 0.5s ease-in-out;
  320. -webkit-transition: all 0.5s ease-in-out;
  321. transition-duration:0.5s;
  322. -o-transition-duration:0.5s;
  323. -moz-transition-duration:0.5s;
  324. -webkit-filter: grayscale(100%);
  325. -webkit-transition-duration: 0.5s; }
  326.  
  327. #cont img:hover {
  328. opacity: 1;
  329. max-width: 100%;
  330. transition: all 0.5s ease-in-out;
  331. -o-transition: all 0.5s ease-in-out;
  332. -ms-transition: all 0.5s ease-in-out;
  333. -moz-transition: all 0.5s ease-in-out;
  334. -webkit-transition: all 0.5s ease-in-out;
  335. transition: all 0.5s ease-out;
  336. -webkit-filter: grayscale(0%);
  337. -moz-transition: all 0.5s ease-out;
  338. -webkit-transition: all 0.5s ease-out; }
  339.  
  340. .html_photoset {
  341. opacity: 0.3;
  342. max-width: 100%;
  343. transition: all 0.5s ease-in-out;
  344. -o-transition: all 0.5s ease-in-out;
  345. -ms-transition: all 0.5s ease-in-out;
  346. -moz-transition: all 0.5s ease-in-out;
  347. -webkit-transition: all 0.5s ease-in-out;
  348. transition-duration:0.5s;
  349. -o-transition-duration:0.5s;
  350. -moz-transition-duration:0.5s;
  351. -webkit-filter: grayscale(100%);
  352. -webkit-transition-duration: 0.5s; }
  353.  
  354. .html_photoset:hover {
  355. opacity: 1;
  356. max-width: 100%;
  357. transition: all 0.5s ease-in-out;
  358. -o-transition: all 0.5s ease-in-out;
  359. -ms-transition: all 0.5s ease-in-out;
  360. -moz-transition: all 0.5s ease-in-out;
  361. -webkit-transition: all 0.5s ease-in-out;
  362. transition: all 0.5s ease-out;
  363. -webkit-filter: grayscale(0%);
  364. -moz-transition: all 0.5s ease-out;
  365. -webkit-transition: all 0.5s ease-out; }
  366.  
  367.  
  368. #vidhov {
  369. opacity: 0.3;
  370. max-width: 10%;
  371. margin-left: 40px;
  372. transition: all 0.5s ease-in-out;
  373. -o-transition: all 0.5s ease-in-out;
  374. -ms-transition: all 0.5s ease-in-out;
  375. -moz-transition: all 0.5s ease-in-out;
  376. -webkit-transition: all 0.5s ease-in-out;
  377. transition-duration:0.5s;
  378. -o-transition-duration:0.5s;
  379. -moz-transition-duration:0.5s;
  380. -webkit-filter: grayscale(100%);
  381. -webkit-transition-duration: 0.5s; }
  382.  
  383. #vidhov:hover {
  384. opacity: 1;
  385. max-width: 10%;
  386. transition: all 0.5s ease-in-out;
  387. -o-transition: all 0.5s ease-in-out;
  388. -ms-transition: all 0.5s ease-in-out;
  389. -moz-transition: all 0.5s ease-in-out;
  390. -webkit-transition: all 0.5s ease-in-out;
  391. transition: all 0.5s ease-out;
  392. -webkit-filter: grayscale(0%);
  393. -moz-transition: all 0.5s ease-out;
  394. -webkit-transition: all 0.5s ease-out; }
  395.  
  396. /* -- ADRIFT LINK CODING. -- */
  397. @-webkit-keyframes adriftx {
  398. from {-webkit-transform:translate(0, 0px); }
  399. 55% {-webkit-transform:translate(0, 15px); }
  400. to {-webkit-transform: translate(0, -0px); } }
  401.  
  402. @-moz-keyframes adrift {
  403. from {-moz-transform:translate(0, 0px); }
  404. 55% {-moz-transform:translate(0, 25px); }
  405. to {-moz-transform: translate(0, -0px); } }
  406.  
  407. /* -- SCATTERED LINK CODING. -- */
  408. #scattered {
  409. padding: 5px;
  410. position: fixed;
  411. font-family: 'Bowlby One SC', cursive;
  412. text-shadow: 3px 3px 0px #000;
  413. }
  414.  
  415. #scattered a {
  416. position: fixed;
  417. text-decoration: none;
  418. -webkit-filter: blur(0px); }
  419.  
  420. #scattered a:hover {
  421. -webkit-filter:blur(5px); }
  422.  
  423. div.home {
  424. position: fixed;
  425. font-size: 90px;
  426. margin-top: 50px;
  427. margin-left: 880px;
  428. transition: all ease-in-out 0.5s;
  429. -webkit-animation-name: adriftx;
  430. -webkit-animation-duration: 3.5s;
  431. -webkit-animation-iteration-count: infinite;
  432. -webkit-animation-timing-function: ease-in-out;
  433. -moz-animation-name: adrift;
  434. -moz-animation-duration: 3.5s;
  435. -moz-animation-iteration-count: infinite;
  436. -moz-animation-timing-function: ease-in-out;
  437. -o-transition:all ease-in-out 0.5s;
  438. -moz-transition:all ease-in-out 0.5s;
  439. -webkit-transition:all ease-in-out 0.5s; }
  440.  
  441. div.ask {
  442. position: fixed;
  443. font-size: 60px;
  444. margin-top: 230px;
  445. margin-left: 960px;
  446. transition: all ease-in-out 0.5s;
  447. -webkit-animation-name: adriftx;
  448. -webkit-animation-duration: 3s;
  449. -webkit-animation-iteration-count: infinite;
  450. -webkit-animation-timing-function: ease-in-out;
  451. -moz-animation-name: adrift;
  452. -moz-animation-duration: 3s;
  453. -moz-animation-iteration-count: infinite;
  454. -moz-animation-timing-function: ease-in-out;
  455. -o-transition:all ease-in-out 0.5s;
  456. -moz-transition:all ease-in-out 0.5s;
  457. -webkit-transition:all ease-in-out 0.5s; }
  458.  
  459. div.guide {
  460. position: fixed;
  461. font-size: 60px;
  462. margin-top: 135px;
  463. margin-left: 1000px;
  464. transition: all ease-in-out 0.5s;
  465. -webkit-animation-name: adriftx;
  466. -webkit-animation-duration: 3.5s;
  467. -webkit-animation-iteration-count: infinite;
  468. -webkit-animation-timing-function: ease-in-out;
  469. -moz-animation-name: adrift;
  470. -moz-animation-duration: 3.5s;
  471. -moz-animation-iteration-count: infinite;
  472. -moz-animation-timing-function: ease-in-out;
  473. -o-transition:all ease-in-out 0.5s;
  474. -moz-transition:all ease-in-out 0.5s;
  475. -webkit-transition:all ease-in-out 0.5s; }
  476.  
  477. div.dossier {
  478. position: fixed;
  479. font-size: 15px;
  480. font-weight:bold;
  481. margin-top: 225px;
  482. margin-left: 125px;
  483. transition: all ease-in-out 0.5s;
  484. -webkit-animation-name: adriftx;
  485. -webkit-animation-duration: 3.5s;
  486. -webkit-animation-iteration-count: infinite;
  487. -webkit-animation-timing-function: ease-in-out;
  488. -moz-animation-name: adrift;
  489. -moz-animation-duration: 3.5s;
  490. -moz-animation-iteration-count: infinite;
  491. -moz-animation-timing-function: ease-in-out;
  492. -o-transition:all ease-in-out 0.5s;
  493. -moz-transition:all ease-in-out 0.5s;
  494. -webkit-transition:all ease-in-out 0.5s; }
  495.  
  496. div.navi {
  497. position: fixed;
  498. font-size: 15px;
  499. margin-top: 255px;
  500. margin-left: 155px;
  501. transition: all ease-in-out 0.5s;
  502. -webkit-animation-name: adriftx;
  503. -webkit-animation-duration: 3.5s;
  504. -webkit-animation-iteration-count: infinite;
  505. -webkit-animation-timing-function: ease-in-out;
  506. -moz-animation-name: adrift;
  507. -moz-animation-duration: 3.5s;
  508. -moz-animation-iteration-count: infinite;
  509. -moz-animation-timing-function: ease-in-out;
  510. -o-transition:all ease-in-out 0.5s;
  511. -moz-transition:all ease-in-out 0.5s;
  512. -webkit-transition:all ease-in-out 0.5s; }
  513.  
  514.  
  515. /* -- TAB CODING.
  516. these are the pages. DO NOT TOUCH. -- */
  517. .tabs {
  518. width: 100%;
  519. margin-left: 0px;
  520. display: inline-block; }
  521.  
  522. /* -- SIDEBAR LINKS . -- */
  523. .tab-links:after {
  524. clear: both;
  525. content: '';
  526. display: block; }
  527.  
  528. .tab-links li {
  529. font-size: 10px;
  530. list-style: none;
  531. margin-right: 5px;
  532. display: inline-block;
  533. text-transform: uppercase;
  534. text-shadow: 0px 0px 2px #000; }
  535.  
  536. li.active a, li.active a:hover {
  537. color: #fff;
  538. text-shadow: 0px 0px 3px #000;
  539. text-decoration: none;
  540. -moz-outline-style: none;
  541. -o-transition-duration: 0.8s;
  542. -moz-transition-duration: 0.8s;
  543. -webkit-transition-duration: 0.8s; }
  544.  
  545. /* -- DEFINES TAB CONTENT . -- */
  546. .tab-content {
  547. }
  548.  
  549. .tab {
  550. display: none; }
  551.  
  552. .tab.active {
  553. display: block; }
  554.  
  555. /*-- THIS ALLOWS TABS WITHIN THE TAB CONTAINERS.
  556. don't touch them they're finicky and will break out of spite. --*/
  557. #headerbar {
  558. top: 50%;
  559. left: 50%;
  560. width: auto;
  561. color: #fff;
  562. margin-left: 0px;
  563. margin-top: 10px;
  564. overflow: hidden;
  565. text-align: justify;}
  566.  
  567. #tabbar {
  568. top: 50%;
  569. left: 50%;
  570. width: auto;
  571. height: auto;
  572. margin-left: 0px;
  573. overflow: hidden;
  574. text-align: justify; }
  575.  
  576. ul#tabs {
  577. text-align: center; }
  578.  
  579. ul#tabs li {
  580. opacity: 1;
  581. padding: 5px;
  582. text-decoration: none;
  583. display: inline-block; }
  584.  
  585. ul#tabs li.active {
  586. text-align: center;
  587. display: inline-block;
  588. text-transform: uppercase;
  589. background-color: #000;
  590. border-bottom: 2px solid #fff;
  591. text-shadow: 0px 0px 0px #808080; }
  592.  
  593. ul#tab, ul#tabs {
  594. margin: 0px;
  595. padding: 0px;
  596. list-style-type: none; }
  597.  
  598. ul#tab li.active {
  599. display: block; }
  600.  
  601. ul#tab li {
  602. display: none;
  603. padding-right: 15px; }
  604.  
  605. /*-- CUSTOM NAVIGATION BUTTONS. -- */
  606. .nav {
  607. width: 90px;
  608. padding: 2px;
  609. font-size: 8px;
  610. text-align: center;
  611. display: inline-block;
  612. text-transform: uppercase;
  613. background-color: #000;
  614. border-bottom: 2px solid #fff;
  615. text-shadow: 0px 0px 0px #808080; }
  616.  
  617. .nav:hover {
  618. color: #000; }
  619.  
  620.  
  621. /*-- UNDER POST INFORMATION & TAGS. -- */
  622. .postinfo {
  623. font-size: 13px;
  624. margin-top: 25px; /* width between post and top of tags. */
  625. text-align: right; }
  626.  
  627. .tags {
  628. padding: 7px;
  629. font-size: 8px;
  630. max-height: 15px;
  631. margin-top: 0px; /* controls information location. */
  632. margin-bottom: 30px; /* width between next post and tags. */
  633. overflow-x: hidden;
  634. overflow-y: scroll;
  635. font-weight: bolder;
  636. letter-spacing: 3px;
  637. text-align: justify;
  638. text-transform: uppercase;
  639. background-color: #000;
  640. border-top: 2px solid #fff;
  641. -o-transition-duration: 0.1s;
  642. -moz-transition-duration: 0.1s;
  643. -webkit-transition-duration: 0.1s;
  644. -webkit-font-smoothing: antialiased;
  645. -webkit-transition: all 0.1s ease-in-out; }
  646.  
  647.  
  648. /*-- NOTES ON POST PAGE. -- */
  649. ol.notes {
  650. display: block;
  651. text-align: left;
  652. margin-left: -40px;
  653. list-style-type: none; }
  654.  
  655. ol.notes li.note {
  656. margin-bottom: 5px; }
  657.  
  658. .pagenotes {
  659. text-align: left;
  660. margin-top: 15px; }
  661.  
  662. .pagenotes img {
  663. padding-top: 5px;
  664. padding-right: 5px;
  665. margin-bottom: -5px; }
  666.  
  667. /*-- QUOTES. -- */
  668. .quote {
  669. background-image:url('https://i.imgur.com/j5ddG9W.png');
  670. background-clip: text;
  671. background-repeat: repeat;
  672. background-attachment: fixed;
  673. background-position: center center;
  674.  
  675. font-size: 25px;
  676. line-height: 125%;
  677. text-align: center;
  678. color: transparent;
  679. letter-spacing: 3px;
  680. font-weight: bolder;
  681. text-transform: uppercase;
  682. -moz-background-clip: text;
  683. -webkit-background-clip: text;
  684. -webkit-font-smoothing: antialiased;
  685. -webkit-text-fill-color: transparent;
  686. -o-transition-duration: 0.5s;
  687. -moz-transition-duration: 0.5s;
  688. -webkit-transition-duration: 0.5s;
  689. -webkit-transition: all 0.5s ease-in-out; }
  690.  
  691. .quotesource {
  692. text-align: right;
  693. margin-bottom: 10px; }
  694.  
  695. /* -- ASKS & ANSWERS. -- */
  696. #q {
  697. padding: 10px;
  698. font-size: 10px;
  699. max-width: 100%;
  700. max-height: 50px;
  701. margin-top: -10px;
  702. overflow-y: scroll;
  703. text-align: justify;
  704. text-transform: uppercase;
  705. background-color: #000;
  706. border-top: 1px solid #fff;
  707. z-index: 999999999999999999999999999999999999; }
  708.  
  709. #q a {
  710. color: #000; }
  711.  
  712. #asker {
  713. color: #808080;
  714. font-size: 8px;
  715. font-weight: bold;
  716. text-align: right;
  717. letter-spacing: 4px;
  718. text-transform: uppercase;
  719. text-shadow: 0px 0px 2px #808080 }
  720.  
  721. /* -- AUDIO. -- */
  722. .songart {
  723. float: left;
  724. margin-right: 10px; }
  725.  
  726. .songart img {
  727. width: 80px;
  728. height: 80px; }
  729.  
  730. .songtitle {
  731. margin-left: 90px;
  732. margin-bottom: 10px; }
  733.  
  734. .songauthor {
  735. font-size: 8px;
  736. margin-left: 90px;
  737. margin-bottom: 10px; }
  738.  
  739. .tumblr_audio_player {
  740. height: 50px; }
  741.  
  742. /* -- PAGE FORWARD & PAGE BACKWARD.
  743. these are built in to the posts so just leave them as is! -- */
  744. #pagination {
  745. position: static;
  746. text-align: center; }
  747.  
  748. .pagibutton {
  749. padding: 15px;
  750. position: relative;
  751. display: inline-block; }
  752.  
  753. /* -- UPDATES TAB.
  754. #updates {
  755. width: 220px;
  756. padding: 2px;
  757. height: 298px;
  758. font-size: 9px;
  759. position: fixed;
  760. margin-top: 285px;
  761. margin-left: 850px;
  762. overflow-x: hidden;
  763. overflow-y: scroll;
  764. text-align: justify; }
  765.  
  766. .updatesimg {
  767. background-repeat: repeat;
  768. background-attachment: fixed;
  769.  
  770. padding: 3px;
  771. color: #000;
  772. font-size: 10px;
  773. text-align: center;
  774. text-transform: uppercase;
  775. border: 1px solid #808080;
  776. text-shadow: 0px 0px 1px #fff, 1px 1px 1px #fff;
  777. background-image: url('https://i.imgur.com/j5ddG9W.png'); } -- */
  778.  
  779.  
  780. /* -- CUSTOM FOLLOW BUTTONS. -- */
  781. .tmblr-iframe {
  782. display:none!important; }
  783.  
  784. #tumblr-controls {
  785. top: 15px;
  786. margin: 0;
  787. padding: 0;
  788. right: 15px;
  789. fill: #808080;
  790. font-size: 15px;
  791. position: fixed;
  792. list-style: none;
  793. line-height: 15px;
  794. z-index: 9999999999999999999999999999; }
  795.  
  796. #tumblr-controls svg {
  797. width: 15px;
  798. height: 20px; }
  799.  
  800. .like_button,.our_toggle {
  801. top: 0;
  802. left: 0;
  803. right: 0;
  804. bottom: 0; }
  805.  
  806. #tumblr-controls a {
  807. fill: #808080;
  808. color: #808080; }
  809.  
  810. #tumblr-controls li {
  811. margin-left: 5px;
  812. position: relative;
  813. display: inline-block; }
  814.  
  815. #tumblr-controls li:before{
  816. display: none; }
  817.  
  818. .like_button {
  819. opacity: 0;
  820. z-index: 10;
  821. width: 100%;
  822. height: 100%;
  823. position: absolute; }
  824.  
  825. .like_button iframe {
  826. width:100%!important;
  827. height:100%!important; }
  828.  
  829. .our_toggle {
  830. z-index: 1;
  831. width: 15px;
  832. height: 20px;
  833. transition:all .2s ease-in-out;
  834. -o-transition:all .2s ease-in-out;
  835. -moz-transition:all .2s ease-in-out;
  836. -webkit-transition:all .2s ease-in-out; }
  837.  
  838. .like_button:hover+.our_toggle svg{
  839. fill:#808080;
  840. transition:all .2s ease-in-out;
  841. -o-transition:all .2s ease-in-out;
  842. -moz-transition:all .2s ease-in-out;
  843. -webkit-transition:all .2s ease-in-out; }
  844.  
  845. .like_button.liked+.our_toggle svg {
  846. fill:#808080; }
  847.  
  848. .tmblr-iframe-pushdown {
  849. animation:none!important;
  850. padding-top:inherit!important;
  851. -webkit-animation:none!important; }
  852.  
  853. /* -- THEME CREDIT. -- */
  854. #credit {
  855. right: 20px;
  856. bottom: 15px;
  857. opacity: .5px;
  858. position: fixed;
  859. -webkit-filter: blur(1px); }
  860.  
  861. /* -- BEGIN CSS CODING. -- */
  862.  
  863. {CustomCSS}
  864.  
  865. </style></head>
  866.  
  867. <body>
  868.  
  869. <!-- UPDATES TAB.
  870. <div id="updates">
  871.  
  872. <div class="updatesimg">short title</div><p>
  873.  
  874. text continues here blah blah blah<p>
  875.  
  876. <div class="updatesimg">short title</div><p>
  877.  
  878. text continues here blah blah blah<p>
  879.  
  880. <div class="updatesimg">short title</div><p>
  881.  
  882. text continues here blah blah blah<p>
  883.  
  884. <div class="updatesimg">short title</div><p>
  885.  
  886. text continues here blah blah blah<p>
  887.  
  888. <div class="updatesimg">short title</div><p>
  889.  
  890. text continues here blah blah blah<p>
  891.  
  892. <div class="updatesimg">short title</div><p>
  893.  
  894. text continues here blah blah blah<p>
  895.  
  896. <div class="updatesimg">short title</div><p>
  897.  
  898. text continues here blah blah blah<p>
  899.  
  900. <div class="updatesimg">short title</div><p>
  901.  
  902. text continues here blah blah blah<p>
  903.  
  904. </div>-->
  905. </div> </div> </div> </div> </div> </div>
  906.  
  907. <div id="connortop"><img src=""></div>
  908.  
  909. <div id="connorleft"><img src=""></div>
  910.  
  911.  
  912. <!-- SCATTERED LINKS. -->
  913. <div id="scattered">
  914. <div id="navbar">
  915. <div class="tabs">
  916. <ul class="tab-links">
  917. <div class="home"><a href="#tab1" title="home.">★</a></div>
  918. <div class="ask"><a href="#tab2" title="ask.">★</a></div>
  919. <div class="guide"><a href="#tab3" title="navigate.">★</a></div>
  920. </div></div></div>
  921.  
  922.  
  923. <!-- BEGINNING OF TABS CODING. -->
  924. <div class="tabs">
  925.  
  926. <!-- TAB ONE. THIS IS THE POST CONTAINER. DON'T TOUCH IT. -->
  927. <div class="tab-content">
  928. <div id="tab1" class="tab active">
  929.  
  930. <div id="cont">
  931. {block:Posts}
  932.  
  933. <!-- TEXT POSTS. -->
  934. {block:Text}
  935. {block:Title}
  936. <h1 class="title">
  937. <a href="{Permalink}">{Title}</a></h1>
  938. {/block:Title}
  939. {Body}
  940. {/block:Text}
  941.  
  942. <!-- IMAGE POSTS. -->
  943. {block:Photo}
  944. {block:IndexPage}
  945. {LinkOpenTag}
  946. <img src="{PhotoURL-HighRes}" width="100%"/>
  947. {block:Caption}{Caption}{/block:Caption}
  948. {LinkCloseTag}
  949. {/block:IndexPage}
  950.  
  951. {block:PermalinkPage}
  952. {LinkOpenTag}
  953. <img src="{PhotoURL-HighRes}" width="100%"/>
  954. {block:Caption}{Caption}{/block:Caption}
  955. {LinkCloseTag}
  956. {/block:PermalinkPage}
  957. {/block:Photo}
  958.  
  959. <!-- MULTI-IMAGE POSTS. -->
  960. {block:Photoset}
  961. {block:IndexPage}
  962. {Photoset}
  963. {block:Caption}
  964. {Caption}
  965. {/block:Caption}
  966. {/block:IndexPage}
  967. {block:PermalinkPage}
  968. {Photoset}
  969. {block:Caption}
  970. {Caption}
  971. {/block:Caption}
  972. {/block:PermalinkPage}
  973. {/block:Photoset}
  974.  
  975. <!-- QUOTES. -->
  976. {block:Quote}
  977. <div class="quote">❝ {Quote}</div>
  978. {block:Source}
  979. <div class="quotesource">━ {Source}</div>
  980. {/block:Source}
  981. {/block:Quote}
  982.  
  983. <!-- LINKS TO OTHER BLOGS, SOURCES, ETC. -->
  984. {block:Link}
  985. <h1 class="title">
  986. <a href="{URL}">{Name}</a>
  987. </h1>
  988. {block:Description}
  989. {Description}
  990. {/block:Description}
  991. {/block:Link}
  992.  
  993. <!-- AUDIO POSTS. -->
  994. {block:Audio}
  995. {block:AlbumArt}
  996. <div class="songart">
  997. <img src="{AlbumArtURL}">
  998. </div>
  999. {/block:AlbumArt}
  1000.  
  1001. <div class="songtitle">
  1002. {block:TrackName}
  1003. {TrackName}
  1004. {/block:TrackName}
  1005. </div>
  1006.  
  1007. <div class="songauthor">
  1008. by
  1009. {block:Artist}
  1010. {Artist}
  1011. {/block:Artist}
  1012. </div>
  1013.  
  1014. {AudioPlayerBlack}
  1015. {/block:Audio}
  1016.  
  1017.  
  1018. {block:Chat}
  1019. <ul class="chat">
  1020. {block:Lines}
  1021. <li class="{Alt}">
  1022. {block:Label}
  1023. <span class="label" style="font-weight: bold; letter-spacing: 5px; text-transform: uppercase; color: #968d8b;">&nbsp;
  1024. {Label}
  1025. </span>
  1026. {/block:Label}
  1027. <p> {Line} </p></li>
  1028. {/block:Lines}
  1029. </ul>
  1030. {/block:Chat}
  1031.  
  1032. <!-- VIDEOS. -->
  1033. {block:Video}
  1034. <div id="vidhov">
  1035. {Video-400}
  1036. </div>
  1037. {block:Caption}
  1038. {Caption}
  1039. {/block:Caption}
  1040. {/block:Video}
  1041.  
  1042.  
  1043. <!-- ASKS. -->
  1044. {block:Answer}
  1045. <div id="asker">{Asker} inquired :</div>
  1046.  
  1047. <p>
  1048.  
  1049. <div id="q">{Question}</div>
  1050. <div id="answer">{Answer}</div>
  1051. {/block:Answer}
  1052.  
  1053. <!-- UNDER POST. -->
  1054. <div class="postinfo">
  1055.  
  1056. <!-- DATE . -->
  1057. {block:Date}
  1058. <a href="{Permalink}" class="details" title="posted {Month} {DayOfMonth} , {Year} at {12Hour}:{Minutes} {AmPm} . ( {TimeAgo} )">●</a>&nbsp;
  1059. {/block:Date}</a>
  1060.  
  1061. <!-- NOTES . -->
  1062. {block:NoteCount}
  1063. <a href="{Permalink}" title="{NoteCount} notes .">●</a>&nbsp;
  1064. {/block:NoteCount}
  1065.  
  1066. <!-- REBLOG LOCATION & SOURCE . -->
  1067. {block:RebloggedFrom}
  1068. <a href="{ReblogParentURL}" title="reblogged from {ReblogParentName} .">●</a>&nbsp;
  1069. {/block:RebloggedFrom}
  1070.  
  1071. {block:ContentSource}
  1072. <a href="{SourceURL}" title="originally posted by {SourceTitle} .">●</a>&nbsp;
  1073. {/block:ContentSource}
  1074.  
  1075. <!-- TAGS . -->
  1076. {block:HasTags}
  1077. <div class="tags">
  1078. {block:Tags}
  1079. <a href="{TagURL}">#{Tag}</a>
  1080. {/block:Tags}
  1081. </div>
  1082. {/block:HasTags}
  1083.  
  1084. </div>
  1085.  
  1086. <!-- NOTES ( ON POST PAGE ) . -->
  1087. {block:PostNotes}
  1088. <div class="pagenotes">{PostNotes-16}</div>
  1089. {/block:PostNotes}
  1090.  
  1091. {/block:Posts}
  1092.  
  1093. <!-- PAGE FORWARD / PAGE BACK. -->
  1094. {block:Pagination}
  1095. <div style="margin-left: 175px;">
  1096. <div class="pagination">
  1097.  
  1098. {block:PreviousPage}
  1099. <a href="{PreviousPage}">
  1100. <div class="pagibutton">retreat .</div></a>
  1101. {/block:PreviousPage}
  1102.  
  1103. {block:NextPage}
  1104. <a href="{NextPage}">
  1105. <div class="pagibutton">proceed .</div></a>
  1106. {/block:NextPage}</div></div>
  1107. {/block:Pagination}
  1108.  
  1109. </div></div>
  1110.  
  1111. <!-- SECOND TAB . -->
  1112. <div id="tab2" class="tab">
  1113. <div class="tabcontent">
  1114.  
  1115. <h1>INQUIRE :</h1>
  1116. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="https://www.tumblr.com/ask_form/{name}.tumblr.com" width="100%" style="opacity: .5"></iframe>
  1117.  
  1118.  
  1119.  
  1120. </div></div>
  1121.  
  1122.  
  1123. <!-- THIRD TAB . -->
  1124. <div id="tab3" class="tab">
  1125. <div class="tabcontent"><p><br/>
  1126.  
  1127. <div id="headerbar">
  1128. <ul id="tabs">
  1129. <li class="active">RULES.</li>
  1130. <li>DOSSIER.</li>
  1131. <li>VERSES.</li>
  1132. <li>MAINS/EXCLUSIVES.</li>
  1133. </ul></div>
  1134.  
  1135. <div id="tabbar">
  1136. <ul id="tab">
  1137.  
  1138. <li class="active">
  1139.  
  1140. <b>hello !</b> this a very private and selective gavin reed , loved and hated by sivan . unaffiliated with the detroit:bh rpc. these rules will be short and sweet . vietnamese trans male . 18+ . fuck the canon and fanon portrayal for gavin .
  1141. <br>
  1142.  
  1143. * low activity blog , will be busy due to being my second to final year of getting my degree in college .
  1144. <br>
  1145. <b>* my gavin is a dfab trans man - if you have a problem with that, then you can hurry off of my blog.</b>
  1146. <br>
  1147. * fuck david cage. please don’t follow me if you support what he’s done.
  1148. <br>
  1149. * if you ship h*nkcon and you post alot of it on your blog, i’m more then likely to not follow you. i’m aware this rule may seem strange as i am a gavin, but the ship makes me incredibly uncomfortable due to that i see their relationship as father/son - but if you ship it, i won’t stop you. (hankvin is something that i'm also fairly neutral on - i will not ship it, but if me and the other person is open to it, then it's fine really.)
  1150. <br>
  1151. * i am ship exclusive with <b>@droidhunt’s</b> connor, however if there are, let’s say an rk800-60 and they go by a completely different name/personality, i’m open for shipping really. it doesn’t mean i won’t interact with other connors, though.
  1152. <br>
  1153. * i will be following only a few select people on here , as from roleplaying previously on my old blogs with several others made me incredibly uncomfortable . ( those being either close friends or just new people i haven’t talked to/followed . )
  1154. <br>
  1155. * please do not refollow and follow me to get my attention , i won’t hesitate to block you .
  1156. <br>
  1157. * i’m open for shipping on gavin - whether it’d be platonic or romantic , just hit me up on ims or discord :fingerguns: .
  1158. <br>
  1159. * callouts will likely be reblogged . i will tag it as callout tw or callout / for your comfort .
  1160. <br>
  1161. * speaking of tagging , anything that may be triggering will be tagged: for example: <b>[trigger] tw</b> or <b>[trigger] /</b> .
  1162. <br>
  1163. * <b>if you support nasty shit or ignore things like aging up of minors for smut, pedophilia, transphobia, etc then i won’t hesitate to hard block you .</b>
  1164. <br>
  1165. * any sort of petty drama you have with anyone should be taken care of in private . if you have something you need to say at me , then please im or message me on discord about it . vaguing does not help the situation become better .
  1166. <br>
  1167. * mun is of age - so nsfw is an likely thing to happen on this blog . please do not lie about your age in order to smut with my gavin .
  1168. <br>
  1169. * anon is turned off for this blog .
  1170. <br>
  1171. more will be added if i think of any .
  1172. <br>
  1173. header credit & sidebar credit: x
  1174.  
  1175. </h1>
  1176. </li>
  1177.  
  1178. <li>
  1179. <br>
  1180. <div align="center"><b>I FEEL AS THOUGH I HAD DIED, AND THE ONLY SENSATION I HAVE IS THAT I AM NO MORE.</b>
  1181. <br>
  1182. terrible, sad, ardent, solitary.
  1183. <br>
  1184. someone like me doesn’t escape.
  1185. <br>
  1186. <b>i will abandon you.</b>
  1187. <br><br>
  1188. i do not wish to see me as i am, <i>and cannot see me as i was.</i>
  1189. <br>
  1190. <a href="/dossier" title=". . . as if i could undo a life in hours if i never said goodbye.">everything that thirsted to spill out — all the <i>salt</i> from my eyes, all the blood from my wounds—</a>
  1191. <br>
  1192. </div>
  1193. </li>
  1194.  
  1195. <li>
  1196. <p><div style="margin-left: 35px;"><a href="http://antidroids.tumblr.com/tagged/%E2%9C%96-%E2%94%82-VERSE-01-%C2%A0%E2%94%81-%C2%A0I-NO-LONGER-KNOW-HOW-TO-NOURISH-MYSELF-ON-MY-PAST.%E2%80%9C%22%3E%22%3E"><img alt="img" src="https://66.media.tumblr.com/633e7c1838eadf74bf9ce5f112b34e1c/tumblr_inline_pi8wubqABA1wn81wq_500.png"></a></div></p>
  1197. <p>you , &nbsp;boy , &nbsp;born into this world and ready to take on this world for what it&rsquo;s worth . &nbsp;what you didn&rsquo;t expect however was the struggles and conflicts that plagued your life as you grew up , &nbsp; overshadowed by your <em>brother</em> who you would not dare name . &nbsp; the bitter taste lingers on your tongue , reminding you of the times hes caused you strife . &nbsp; determined you were to prove them all wrong , &nbsp;to prove to the fucking world you were capable of doing more . &nbsp;and so you do , &nbsp; doing whatever it takes do it in your&nbsp;<strong style="line-height: 1.4;">own way</strong> . &nbsp;coming into the police department was at first , though you would not admit it , &nbsp;a daunting task in of itself . &nbsp;but you were determined , &nbsp;determined enough to prove that you were able to succeed as much as he did , &nbsp;become the number one in the world .</p>
  1198. <p><div style="margin-left: 35px;"><a href="http://antidroids.tumblr.com/tagged/%E2%9C%96-%E2%94%82-VERSE-02-%C2%A0%E2%94%81-%C2%A0I-AM-CRUEL-BY-NATURE-ALMOST-VICIOUS-ALTHOUGH-NOT-QUITE."><img alt="img" src="https://66.media.tumblr.com/54362aa2a2843ad6cacd5c4ede7d53a3/tumblr_inline_pi8yz5cSoK1wn81wq_500.png"></a></div></p>
  1199. <p>coming into the world of androids has been a prospect that frightened you ever since your brother announced his idea to the public audience . &nbsp;you had hoped , &nbsp;prayed that his brand would not go successful , regardless of knowing the innate state of humanity and their eventual descent into a new era of technology . &nbsp;to your horror , &nbsp;you saw them roaming everywhere , &nbsp;and never when you came to work would you not see a crawling mess of blue guts walking amidst the others . &nbsp;your hatred grew more because of ██████████████████████████████ &nbsp;and you&rsquo;ll never forgive them for what they&rsquo;ve done . &nbsp;especially that fucking android sent by cyber life .</p>
  1200. <p><div style="margin-left: 35px;"><a href="http://antidroids.tumblr.com/tagged/%E2%9C%96-%E2%94%82-VERSE-04-%C2%A0%E2%94%81-%C2%A0HE%E2%80%99S-IN-LOVE-WITH-HIM.-HE-IS-DESPERATELY-AGONIZINGLY-CRUELLY-IN-LOVE-WITH-HIM."><img alt="img" src="https://66.media.tumblr.com/1c4a873365d0365081e8e0e84be89691/tumblr_inline_pi81dskEBz1wn81wq_500.png"></a></div></p>
  1201. <p><strong>* based off the fic <a href="https://archiveofourown.org/works/15849369">ghost in the machine</a> and <a href="https://www.pixiv.net/member_illust.php?mode=manga&amp;illust_id=70183757">:dychotomy</a> .</strong></p>
  1202. <p>my world does not become more only because everyone takes it for granted . &nbsp;everyone thinks that disgusting doll with blue guts will fill the void , &nbsp;and i almost hate it .&nbsp;</p>
  1203. <p>so it should be , &nbsp;so it is conceived . &nbsp;this is not a caricature of you .&nbsp;</p>
  1204. <p>this is your replacement .</p>
  1205. <p>from one look i feel myself</p>
  1206. <p>being robbed to the last cent .</p>
  1207. <p><strong>&rsquo; &nbsp;YOU KNOW WHAT ? &nbsp;I WILL NEVER CALL YOU BY THE NAME YOU WERE GIVEN . &nbsp; NONHUMANS DON&rsquo;T DESERVE HUMAN NAMES . &nbsp; DON&rsquo;T COMPLAIN IF YOU GRAB THE BULLET ONE DAY . &nbsp; &rsquo;</strong></p>
  1208. <p>i will not . &nbsp;&nbsp;</p>
  1209. <p>therefore i want to get rid of it . &nbsp;before i go mad and find you in it .&nbsp;</p>
  1210. <p>before i make phonetic errors in the word <strong>&ldquo;machine&rdquo;</strong></p>
  1211. <p>and call it by your name .</p>
  1212. <p><strong>i am not alive.</strong></p>
  1213. <p>he scrubs because he can&rsquo;t stop picture the way the blood looked, because he can&rsquo;t stop thinking about the way the machinery crackled, the way the once clean room is now marred by the destruction of an android.</p>
  1214. <p><em>just an android.</em> he&rsquo;ll come back.</p>
  1215. <p>but what if he doesn&rsquo;t? why does it matter so much to him?</p>
  1216. <p><em>it doesn&rsquo;t. it doesn&rsquo;t. <strong>it doesn&rsquo;t.</strong></em></p>
  1217. <p>but he will be a better person now. he will try. <em>he will try.</em></p>
  1218. <p><div style="margin-left: 35px;"><a href="http://antidroids.tumblr.com/tagged/%E2%9C%96-%E2%94%82-VERSE-05-%E2%94%81-A-PRESENCE-IN-ABSENCE-%2F-A-LONGING-FOR-ONE-NOT-THERE.-AN-ESSENCE-OF-INTIMATE-HELL."><img alt="img" src="https://i.imgur.com/L7IW4L8.png"></a></div></p>
  1219. ...
  1220. </li>
  1221.  
  1222. <li>
  1223. <p><div style="margin-left: 35px;"><a href="http://droidhunt.tumblr.com/"><img src="https://66.media.tumblr.com/975dced693d6613cc4f5d6b07d705ce6/tumblr_inline_pjrid55L1Z1wn81wq_500.png" /></a></p></div>
  1224. <div align="center"><b>ship exclusive.</b> @droidhunt.
  1225. <br><br>
  1226. something that at first, seemed unlikely, but as time passed and the two began to become even closer - it turned into something more then you could of ever hoped for.</div>
  1227. </li>
  1228.  
  1229.  
  1230. </ul>
  1231.  
  1232.  
  1233. </div></div></div></div></div></div></div>
  1234.  
  1235. <!-- THEME CREDIT CUSTOMIZATION . -->
  1236. <div id="credit"><a href="https://droidire.tumblr.com/" title="theme code by mikka."><img alt="img" src="https://static.tumblr.com/w5u62fd/O4Nplmcmy/credit.gif"></img></a></div>
  1237.  
  1238. <!-- CUSTOM TUMBLR CONTROLS . !-->
  1239.  
  1240. <ul id="tumblr-controls"><li><a href="https://tumblr.com/message/{name}" title="message" target="_blank"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://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="M51.6,144.6l-6,34.1c-0.4,2.3,0.5,4.6,2.4,5.9c1,0.8,2.3,1.1,3.5,1.1c1,0,2-0.2,2.8-0.7l44.3-23.8c3.2,0.3,6.3,0.4,9.4,0.4c46.3,0,83.9-29.5,83.9-65.7c0-36.2-37.6-65.7-83.9-65.7S24.1,59.7,24.1,95.9C24.1,114.6,34.1,132.2,51.6,144.6z M108,42.3c39.6,0,71.9,24.1,71.9,53.7c0,29.6-32.3,53.7-71.9,53.7c-3.2,0-6.6-0.2-10-0.5c-1.2-0.1-2.4,0.1-3.5,0.7l-35,18.8l4.5-25.7c0.4-2.4-0.6-4.8-2.7-6.1c-16.1-10.3-25.3-25.1-25.3-40.8C36.1,66.4,68.4,42.3,108,42.3z"/></svg></a>
  1241.  
  1242. <li><a href="https://tumblr.com/follow/{Name}" title="follow"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://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="M129.5,38h-43c-3.6,0-6.5,2.9-6.5,6.5V81H43.5c-3.6,0-6.5,2.9-6.5,6.5v42c0,3.6,2.9,6.5,6.5,6.5H80v36.5c0,3.6,2.9,6.5,6.5,6.5h43c3.6,0,6.5-2.9,6.5-6.5V136h35.5c3.6,0,6.5-2.9,6.5-6.5v-42c0-3.6-2.9-6.5-6.5-6.5H136V44.5C136,40.9,133.1,38,129.5,38z M165,94v29h-35.5c-3.6,0-6.5,2.9-6.5,6.5V166H93v-36.5c0-3.6-2.9-6.5-6.5-6.5H50V94h36.5c3.6,0,6.5-2.9,6.5-6.5V51h30v36.5c0,3.6,2.9,6.5,6.5,6.5H165z"/></svg></a>
  1243.  
  1244. {block:PermalinkPage}{block:Posts}<li class="custom-like-button" title="like">{LikeButton}<div class="our_toggle"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://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="M148,37.8c-3.9,0-7.5,0.6-10.8,1.9c-15.1,5.7-24.6,17.8-29.8,26.7c-6-8.6-16.1-20.5-27.6-24.4c-3.8-1.3-8.1-2-12.3-2c-10.7,0-20.3,4.1-27,11.5c-5.7,6.2-12,18-10,38.8c4.1,42.6,71.5,87.1,74.3,88.9c1,0.7,2.1,1,3.3,1c1.1,0,2.3-0.3,3.3-1c2.7-1.8,66.5-43.6,73.7-86.1c3.7-21.8-2.7-34.9-8.8-42.1C169.2,42.7,158.6,37.8,148,37.8z M173.1,91c-2.6,15.2-15.1,33.4-36.1,52.7c-11.9,10.9-23.5,19.4-29,23.2c-5.7-4-17.9-12.9-30.3-24.3C56,122.5,43.8,104,42.3,89c-1.3-13,1.1-23.2,6.9-29.6c6-6.6,13.9-7.6,18.1-7.6c3,0,5.9,0.5,8.5,1.3c11.4,3.9,23.3,21.7,26.9,28.3c1.1,2.1,3.4,3.3,5.7,3.1c2.4-0.2,4.4-1.7,5.2-4c0.1-0.2,8.2-22.4,27.7-29.7c1.9-0.7,4.2-1.1,6.6-1.1c7.2,0,14.3,3.3,19,9C173.3,66.2,175.5,77.4,173.1,91z"/></svg></span></div>
  1245.  
  1246. <li><a href="{ReblogURL}" title="reblog"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://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.7,159.2c-22.3,0-42.4-14.9-48.8-36.2c-1-3.2-4.3-5-7.5-4c-3.2,1-5,4.3-4,7.5c8.1,26.8,32.3,44.7,60.3,44.7c34.7,0,63-28.3,63-63c0-34.7-28.3-63-63-63c-19.7,0-38.2,9.4-50,24.6l-2.5-19.8c-0.4-3.3-3.4-5.6-6.7-5.2c-3.3,0.4-5.6,3.4-5.2,6.7L49,88.1c0.4,3,3,5.2,5.9,5.2c0.2,0,0.5,0,0.7,0l36.2-4.1c3.3-0.4,5.7-3.3,5.3-6.6s-3.3-5.7-6.6-5.3L66.2,80c9.4-14.1,25.3-22.8,42.5-22.8c28.1,0,51,22.9,51,51S136.8,159.2,108.7,159.2z"/></svg></a>{/block:Posts}
  1247.  
  1248. <li><a href="#" title="share" onClick="MyWindow=window.open('/post/{postID}/embed','MyWindow','width=600,height=500,top=120,left=400'); return false;"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://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="M163.1,86.3h-25.4c-3.3,0-6,2.7-6,6s2.7,6,6,6h19.4v71.2H58.9V98.3h21.4c3.3,0,6-2.7,6-6s-2.7-6-6-6H52.9c-3.3,0-6,2.7-6,6v83.2c0,3.3,2.7,6,6,6h110.2c3.3,0,6-2.7,6-6V92.3C169.1,89,166.4,86.3,163.1,86.3z"/><path d="M108,131c3.3,0,6-2.7,6-6V44.5l22.4,21.8c2.4,2.3,6.2,2.3,8.5-0.1c2.3-2.4,2.3-6.2-0.1-8.5L113.3,27c-2.2-2.1-5.5-2.2-7.9-0.4c-1.1,0.5-2,1.4-2.6,2.4L72.9,57.7c-2.4,2.3-2.5,6.1-0.2,8.5c1.2,1.2,2.8,1.8,4.3,1.8c1.5,0,3-0.6,4.2-1.7L102,46.4V125C102,128.3,104.7,131,108,131z"/></svg></a>{/block:PermalinkPage}
  1249.  
  1250. <li><a href="https://tumblr.com/dashboard" title="dashboard"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://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="M197.8,112.4l-86.2-82c-2.4-2.2-6.1-2.2-8.4,0.1l-82.5,82.3c-1.7,1.7-2.2,4.3-1.3,6.5c0.9,2.2,3.1,3.7,5.5,3.7h23v56c0,3.3,2.7,6,6,6h35c3.3,0,6-2.7,6-6v-44h25v44c0,3.3,2.7,6,6,6h36c3.3,0,6-2.7,6-6v-56h26c0,0,0,0,0,0c3.3,0,6-2.7,6-6C200,115.1,199.2,113.5,197.8,112.4z M162,111c-3.3,0-6,2.7-6,6v56h-24v-44c0-3.3-2.7-6-6-6H89c-3.3,0-6,2.7-6,6v44H60v-56c0-3.3-2.7-6-6-6H39.5l68.1-67.9L179,111H162z"/></svg></a></ul>
  1251.  
  1252. </body>
  1253. </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!