API tools faq
paste
Advertisement
xariaaaa

[THEME] Baby Blue

xariaaaa
Feb 11th, 2016
132
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.12 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!---- ᴘʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ!
  5. ᴘᴏsᴛs ʙʏ ɢᴀʟᴀxɪᴀs-ᴛʜᴇᴍᴇs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ
  6. ʙᴀsᴇ ʙʏ ᴀɴᴢᴇʟɪᴄ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ
  7. ᴛʜᴇᴍᴇ ʙʏ ᴄʜʀᴠsᴛɴ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ ---->
  8.  
  9. <head>
  10.  
  11. <title>{Title}</title>
  12. {block:Description}
  13. <meta name="description" content="{MetaDescription}" />
  14. {/block:Description}
  15.  
  16. <meta name="if:ShowCaptions" content="1"/>
  17.  
  18. <link rel="shortcut icon" href="{Favicon}" />
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  20.  
  21. <style type="text/css">
  22.  
  23.  
  24. /* GASARA */
  25. @font-face { font-family: "gasara"; src: url('https://dl.dropbox.com/s/9mird7ef2oyhzbc/gasara.ttf'); }
  26.  
  27. /* SIGNERICA */
  28. @font-face{ font-family:"signerica"; src: url('https://dl.dropboxusercontent.com/s/kfe6jebile02ki3/signerica_thin.ttf');}
  29.  
  30. /* ASPEX */
  31. @font-face{ font-family: "aspex"; src: url('https:/dl.dropboxusercontent.com/s/yeeehszy65j0cfk/ASPEX_0.TTF')}
  32.  
  33. *, body, a {cursor: url(http://i.imgur.com/2qleX.jpg), auto;}
  34.  
  35. a:hover {cursor: url(http://i.imgur.com/IepP2.jpg), auto;}
  36.  
  37. ::selection {
  38. background:transparent;
  39. color:#000000;
  40. text-shadow: 0px 0px 1px #d39fac;
  41. }
  42.  
  43. ::-moz-selection {
  44. background:transparent;
  45. color:#000000;
  46. text-shadow: 0px 0px 1px #d39fac;
  47. }
  48.  
  49. ::-webkit-selection {
  50. background:transparent;
  51. color:#000000;
  52. text-shadow: 0px 0px 1px #d39fac;
  53. }
  54.  
  55.  
  56.  
  57. /* THEME SPECIALS */
  58.  
  59. ::-webkit-scrollbar-thumb {
  60. background-color: #d39fac;
  61. border: 3px solid #e3e6f0;
  62. height:auto;
  63. border-bottom:none;
  64. }
  65.  
  66. ::-webkit-scrollbar {
  67. height:9px;
  68. width:9px;
  69. background-color: #d39fac;
  70. border:4px solid #e3e6f0;
  71. }
  72.  
  73. /* BODY */
  74. body {
  75. background-image:url(http://i.imgur.com/tQrTDOb.png);
  76. background-repeat:no-repeat;
  77. background-attachment: fixed;
  78. background-color: #e3e6f0;
  79. background-position: bottom right;
  80. margin: 0;
  81. }
  82.  
  83. a:link, a:visited, a:active {
  84. text-decoration: none;
  85. color: #d3447f;
  86. -moz-transition:all ease-in-out 0.7s;
  87. -webkit-transition:all ease-in-out 0.7s;
  88. -o-transition:all ease-in-out 0.7s;
  89. transition:all ease-in-out 0.7s;
  90. }
  91.  
  92. a:hover {
  93. color: #d39fac;
  94. }
  95.  
  96. small, sub, sup, code {
  97. font-size: 10px;
  98. letter-spacing: 1;
  99. line-height: 13px;
  100. margin-top: 10px !important;
  101. }
  102.  
  103. pre, code {
  104. width:100%;
  105. background-color: #e3e6f0;
  106. border-radius: 15px 0px 15px 0px;
  107. border-top: 1px dotted #8497a1;
  108. border-bottom: 1px dotted #8497a1;
  109. font-family: "Gasara";
  110. font-size: 8px;
  111. text-align:center;
  112. text-transform: uppercase;
  113. white-space:pre-wrap;
  114. word-wrap:break-word;
  115. padding:3px;
  116. }
  117. blockquote {
  118. margin-left:5px;
  119. width:90%;
  120. padding-left:5px;
  121. border-left: dotted 1px #8497a1;
  122. border-radius: 10px 0px 0px 0px;
  123. overflow:hidden;
  124. }
  125.  
  126. blockquote blockquote {
  127. margin-left: 10px;
  128. width: 85%;
  129. text-align: justify;
  130. border-left: dotted 1px #8497a1;
  131. border-radius: 10px 0px 0px 0px;
  132. padding: 5px;
  133. overflow:hidden;
  134. }
  135.  
  136. blockquote img {
  137. max-width:210px !important;
  138. height: auto;
  139. opacity: .5;
  140. overflow:hidden;
  141. }
  142.  
  143. blockquote blockquote img {
  144. max-width:180px !important;
  145. height: auto;
  146. opacity: .5;
  147. overflow:hidden;
  148. }
  149.  
  150. blockquote img:hover {
  151. opacity: 0.9;
  152.  
  153. }
  154.  
  155. blockquote blockquote img:hover {
  156. opacity: 0.9;
  157. }
  158.  
  159. .alignment {
  160. position: relative;
  161. margin-left: 150px;
  162. margin-top: 10px;
  163. height: 100%;
  164. height: auto !important;
  165. min-height: 100%;
  166. width:250px;
  167. }
  168.  
  169. /* QUOTES */
  170.  
  171. #quote {
  172. color: #8497a1;
  173. font-family: "Aspex";
  174. font-size: 25px;
  175. line-height: 28px;
  176. letter-spacing: 1px;
  177. text-align: justify;
  178. }
  179.  
  180. #source {
  181. font-family: "signerica";
  182. text-align: center;
  183. font-size: 20px;
  184. color: #d3447f;
  185. margin-bottom: 15px;
  186. padding: 5px;
  187. border-bottom: 1px dotted #e3e6f0;
  188. }
  189.  
  190. /* CONTENT WRAPPER */
  191.  
  192. #wrapper {
  193. width:270px;
  194. height:auto;
  195. margin-left:-120px;
  196. margin-right:auto;
  197. margin-top:10px;
  198. margin-bottom:40px;
  199. position:relative;
  200. }
  201. /* BLOG POSTS */
  202.  
  203. .posts {
  204. width:250px;
  205. background-color: #f6f7f7;
  206. font-family: "Calibri";
  207. font-size: 11px;
  208. line-height: 100%;
  209. color: #8497a1;
  210. letter-spacing: 1px;
  211. text-align: justify;
  212. word-wrap:break-word;
  213. padding: 10px;
  214. margin-bottom: 20px;
  215. -moz-transition:all ease-in-out 0.7s;
  216. -webkit-transition:all ease-in-out 0.7s;
  217. -o-transition:all ease-in-out 0.7s;
  218. transition:all ease-in-out 0.7s;
  219. }
  220.  
  221. .postinfo {
  222. width: 250px;
  223. font-family: "Calibri";
  224. font-size:9px;
  225. letter-spacing: 1px;
  226. line-height: 100%;
  227. color: #8497a1;
  228. text-align: justify;
  229. word-wrap:break-word;
  230. margin-top: -15px;
  231. padding: 10px;
  232. background-color: #f6f7f7;
  233. -moz-transition:all ease-in-out 0.7s;
  234. -webkit-transition:all ease-in-out 0.7s;
  235. -o-transition:all ease-in-out 0.7s;
  236. transition:all ease-in-out 0.7s;
  237. }
  238.  
  239. .postcontainer img:hover, #photoset:hover {
  240. -moz-transition:all ease-in-out 0.7s;
  241. -webkit-transition:all ease-in-out 0.7s;
  242. -o-transition:all ease-in-out 0.7s;
  243. transition:all ease-in-out 0.7s;
  244. -webkit-filter: grayscale(0%) !important;
  245. opacity: 1;
  246. }
  247.  
  248. .postcontainer img, #photoset {
  249. max-width:250px;.
  250. -webkit-filter: grayscale(100%);
  251. opacity: .5;
  252. -moz-transition:all ease-in-out 0.7s;
  253. -webkit-transition:all ease-in-out 0.7s;
  254. -o-transition:all ease-in-out 0.7s;
  255. transition:all ease-in-out 0.7s;
  256. }
  257.  
  258. .photopost img {
  259. max-width: 250px !important;
  260. -webkit-filter: grayscale(100%);
  261. -moz-transition:all ease-in-out 0.7s;
  262. -webkit-transition:all ease-in-out 0.7s;
  263. -o-transition:all ease-in-out 0.7s;
  264. transition:all ease-in-out 0.7s;
  265. }
  266.  
  267. .photopost img:hover {
  268. opacity: 0.9;
  269. -webkit-filter: grayscale(0%);
  270. -moz-transition:all ease-in-out 0.7s;
  271. -webkit-transition:all ease-in-out 0.7s;
  272. -o-transition:all ease-in-out 0.7s;
  273. transition:all ease-in-out 0.7s;
  274. }
  275.  
  276. .posts img, #photoset {
  277. max-width: 250px !important;
  278. opacity: .5;
  279. -webkit-filter: grayscale(100%);
  280. -moz-transition:all ease-in-out 0.7s;
  281. -webkit-transition:all ease-in-out 0.7s;
  282. -o-transition:all ease-in-out 0.7s;
  283. transition:all ease-in-out 0.7s;
  284. }
  285.  
  286. .posts img:hover {
  287. opacity: 0.9;
  288. -webkit-filter: grayscale(0%);
  289. -moz-transition:all ease-in-out 0.7s;
  290. -webkit-transition:all ease-in-out 0.7s;
  291. -o-transition:all ease-in-out 0.7s;
  292. transition:all ease-in-out 0.7s;
  293. }
  294.  
  295. .video {
  296. max-width: 250px !important;
  297. opacity: .5;
  298. -webkit-filter: grayscale(100%);
  299. -moz-transition:all ease-in-out 0.7s;
  300. -webkit-transition:all ease-in-out 0.7s;
  301. -o-transition:all ease-in-out 0.7s;
  302. transition:all ease-in-out 0.7s;
  303. }
  304.  
  305. .video:hover {
  306. opacity: 0.9;
  307. -webkit-filter: grayscale(0%);
  308. -moz-transition:all ease-in-out 0.7s;
  309. -webkit-transition:all ease-in-out 0.7s;
  310. -o-transition:all ease-in-out 0.7s;
  311. transition:all ease-in-out 0.7s;
  312. }
  313.  
  314.  
  315. .postnotes {
  316. width:250px;
  317. font-family: "Gasara";
  318. font-size: 8px;
  319. letter-spacing: 1;
  320. line-height: 100%;
  321. color: #8497a1;
  322. text-align: left;
  323. text-transform: uppercase;
  324. word-wrap:break-word;
  325. background-color: #f6f7f7;
  326. padding: 10px;
  327. -moz-transition:all ease-in-out 0.7s;
  328. -webkit-transition:all ease-in-out 0.7s;
  329. -o-transition:all ease-in-out 0.7s;
  330. transition:all ease-in-out 0.7s;
  331. }
  332.  
  333. .postnotes img {
  334. display:none;
  335. }
  336.  
  337. .postperma {
  338. width:268px;
  339. margin-top: -18px;
  340. margin-bottom: 20px;
  341. font-family: "Gasara";
  342. font-size: 8px;
  343. color: #8497a1;
  344. text-transform: uppercase;
  345. text-align:center;
  346. line-height:100%;
  347. padding:1px;
  348. -moz-transition:all ease-in-out 0.7s;
  349. -webkit-transition:all ease-in-out 0.7s;
  350. -o-transition:all ease-in-out 0.7s;
  351. transition:all ease-in-out 0.7s;
  352. }
  353.  
  354. .postpermas {
  355. margin-top: 3px;
  356. margin-right: 15px;
  357. height: 10px;
  358. width: 10px;
  359. border-radius: 50%;
  360. background-color: #f6f7f7;
  361. display: inline-block;
  362. vertical-align: middle;
  363. }
  364.  
  365. .postpermas:hover {
  366. border-radius: 0%;
  367. }
  368.  
  369. #posttitle {
  370. font-family: "aspex";
  371. font-size:23px;
  372. letter-spacing:1px;
  373. line-height: 28px;
  374. text-transform:uppercase;
  375. text-align:center;
  376. }
  377.  
  378. #permtitle {
  379. font-family: "Gasara";
  380. color: #8497a1;
  381. font-size: 8px;
  382. padding: 5px;
  383. margin-top: 5px;
  384. text-align: center;
  385. text-transform: uppercase;
  386. }
  387.  
  388. #odd {
  389. padding:2px;
  390. font-family: "Calibri";
  391. font-size:9px;
  392. color: #8497a1;
  393. }
  394.  
  395. #even {
  396. padding:2px;
  397. font-family: "Calibri";
  398. font-size:9px;
  399. color: #8497a1;
  400. }
  401.  
  402. #tags {
  403. font-family: "Gasara";
  404. font-size: 8px;
  405. text-transform: uppercase;
  406. letter-spacing: 1;
  407. line-height: 100%;
  408. }
  409.  
  410.  
  411. /* AUDIO */
  412.  
  413. .album {
  414. background-repeat: no-repeat;
  415. background-position: center;
  416. position: absolute;
  417. width: 86px;
  418. height: 86px;
  419. background-size: 60px;
  420. overflow: hidden;
  421. background-color: #f6f7f7;
  422. -moz-transition:all ease-in-out 0.7s;
  423. -webkit-transition:all ease-in-out 0.7s;
  424. -o-transition:all ease-in-out 0.7s;
  425. transition:all ease-in-out 0.7s;
  426. }
  427.  
  428. .album img {
  429. width: 86px;
  430. height: 86px;
  431. overflow: hidden;
  432. -moz-transition:all ease-in-out 0.7s;
  433. -webkit-transition:all ease-in-out 0.7s;
  434. -o-transition:all ease-in-out 0.7s;
  435. transition:all ease-in-out 0.7s;
  436. -webkit-filter: grayscale(100%);
  437. opacity:.5;
  438. }
  439.  
  440. .album img:hover {
  441. -moz-transition:all ease-in-out 0.7s;
  442. -webkit-transition:all ease-in-out 0.7s;
  443. -o-transition:all ease-in-out 0.7s;
  444. transition:all ease-in-out 0.7s;
  445. -webkit-filter: grayscale(0%) !important;
  446. opacity: 0.9;
  447. }
  448.  
  449. .player {
  450. width: 10px;
  451. height: 11px;
  452. overflow: hidden;
  453. padding: 4px 21px 21px 4px;
  454. margin-top: 27px;
  455. margin-left: 26px;
  456. position: absolute;
  457. background-color: #f6f7f7;
  458. opacity: 0.5;
  459. z-index: 10;
  460. -webkit-transition: all 0.4s linear;
  461. -moz-transition: all 0.4s linear;
  462. -o-transition: all 0.4s linear;
  463. -moz-border-radius: 30px;
  464. -webkit-border-radius: 30px;
  465. border-radius: 30px;
  466. }
  467.  
  468. .album:hover .player {
  469. opacity: 0.5
  470. }
  471.  
  472. .track {
  473. margin-left: 90px;
  474. min-height: 80px;
  475. max-height: 100px;
  476. overflow: auto;
  477. font-family: "Gasara";
  478. font-size: 8px;
  479. padding: 3px;
  480. color: #d39fac;
  481. text-transform: uppercase;
  482. letter-spacing: 1px;
  483. background: #f6f7f7;
  484. }
  485.  
  486.  
  487. /* QUESTION */
  488.  
  489. .asker {
  490. font-family: "Signerica";
  491. font-size: 30px;
  492. text-align: center;
  493. border-bottom: 1px dotted #e3e6f0;
  494. }
  495.  
  496. .question {
  497. font-family: "Gasara";
  498. font-size: 8px;
  499. letter-spacing: 1px;
  500. line-height: 12px;
  501. color: #f6f7f7;
  502. background-color: #e3e6f0;
  503. padding: 2px;
  504. }
  505.  
  506. .answer{
  507. font-family: "Calibri";
  508. font-size: 11px;
  509. line-height: 12px;
  510. }
  511.  
  512. /* SIDEBAR */
  513. #sidebarwrap{
  514. height: 200px;
  515. width: 300px;
  516. bottom: 5%;
  517. left: 320px;
  518. position: fixed;
  519. }
  520.  
  521. .links {
  522. height: 40px;
  523. width: 240px;
  524. }
  525.  
  526. .links a{
  527. font-family: "Aspex";
  528. font-size: 11px;
  529. letter-spacing: -1px;
  530. color: #8497a1;
  531. }
  532.  
  533. .description {
  534. margin-top: -20px;
  535. height: 76px;
  536. width: 236px;
  537. padding: 2px;
  538. background-color: #f6f7f7;
  539. color: #8497a1;
  540. font-size: 10px;
  541. letter-spacing: 1px;
  542. font-family: "Calibri";
  543. text-transform: uppercase;
  544. text-align: justify;
  545. border-radius: 10px 0px 10px 0px;
  546. }
  547.  
  548. .jimin {
  549. height: 25px;
  550. width: 25px;
  551. margin-top: -125px;
  552. }
  553.  
  554. .jimin img {
  555. height: 25px;
  556. width: 25px;
  557. }
  558.  
  559. .friend {
  560. height: 25px;
  561. width: 25px;
  562. margin-top: -25px;
  563. margin-left: 215px;
  564. }
  565.  
  566. .friend img {
  567. height: 25px;
  568. width: 25px;
  569. }
  570.  
  571. /* Hover Title Style */
  572.  
  573. #s-m-t-tooltip{
  574. max-width:250px;
  575. margin-top:25px;
  576. margin-left:15px;
  577. padding-left:4px;
  578. padding-right:4px;
  579. z-index:9999999999999999999;
  580. background-color: #f6f7f7;
  581. color: #8497a1;
  582. font-family: "Gasara";
  583. font-size:8px;
  584. letter-spacing:0px;
  585. text-transform:uppercase;
  586. text-align:center;
  587. line-height:14px;
  588. border-left: 1px dotted #8497a1;
  589. border-bottom: 1px dotted #8497a1;
  590. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  591. border-radius: 0px 0px 0px 30px;
  592. }
  593.  
  594. /* POP UP */
  595. *html #fade {
  596. position: absolute;
  597. }
  598. #fade {
  599. display: none;
  600. background: #1f1f1f;
  601. position: fixed;
  602. left: 0;
  603. top: 0;
  604. width: 100%;
  605. height: 100%;
  606. opacity: .80;
  607. z-index: 9999;
  608. }
  609.  
  610. *html .popup_block {
  611. position: absolute;
  612. }
  613.  
  614. .popup_block{
  615. display: none;
  616. background: #f6f7f7;
  617. padding: 20px;
  618. float: left;
  619. position: fixed;
  620. top: 50%;
  621. left: 50%;
  622. z-index: 9999999999;
  623. text-align: center;
  624. max-height: 400px !important;
  625. border-radius: 30px 0px 30px 0px;
  626. border-left: 1px dotted #8497a1;
  627. border-right: 1px dotted #8497a1;
  628. }
  629.  
  630. img.btn_close {
  631. float: right;
  632. margin: -55px -55px 0 0;
  633. }
  634.  
  635. @font-face{ font-family:"signarita"; src: url('https://dl.dropboxusercontent.com/s/gc29howy3wio7t8/signarita%20zhai%20rhianne.ttf?dl=1'); format(“truetype”);}
  636.  
  637. .jmin{
  638. font-family: "aspex";
  639. font-size: 15px;
  640. color: #8497a1;
  641. letter-spacing: 1px;
  642. line-height: 18px;
  643. }
  644.  
  645. .jmin img {
  646. -webkit-filter: grayscale(100%) !important;
  647. }
  648.  
  649. .jmin b{
  650. font-family: "signarita";
  651. color: #d39fac;
  652. text-shadow: 1px 2px 3px #d39fac;
  653. }
  654.  
  655. .jmin i{
  656. font-family: "signarita";
  657. color: #d39fac;
  658. text-shadow: -3px -2px -1px #d39fac;
  659. }
  660.  
  661. .frnd img{
  662. width: 75px;
  663. height: 75px;
  664. margin-right: 5px;
  665. }
  666.  
  667. .popuptxt {
  668. font-family: "Gasara";
  669. font-size: 8px;
  670. color: #8497a1;
  671. letter-spacing: 1px;
  672. text-align: justify;
  673. }
  674.  
  675. .popuptxt b{
  676. font-family: "Aspex";
  677. font-size: 5px;
  678. color: #d39fac;
  679. }
  680.  
  681. .popuptit {
  682. font-family: "Aspex";
  683. font-size: 20px;
  684. color: #d39fac;
  685. }
  686. </style>
  687. <!-- SNOWING -->
  688. <script type="text/javascript" src="http://static.tumblr.com/qsifglb/mZjl87ts1/f8.js"></script>
  689.  
  690. <script type="text/javascript">
  691. snowStorm.snowColor = '#ffffff'; //
  692. snowStorm.flakesMaxActive = 50;
  693. </script>
  694.  
  695. <!-- LAZY LOAD -->
  696. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  697.  
  698.  
  699. <!-- POP UP SCRIPT -->
  700. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  701. <script>
  702. $(document).ready(function() {
  703.  
  704. $('a.poplight[href^=#]').click(function() {
  705. var popID = $(this).attr('rel');
  706. var popURL = $(this).attr('href');
  707. var query= popURL.split('?');
  708. var dim= query[1].split('&');
  709. var popWidth = dim[0].split('=')[1];
  710. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  711. var popMargTop = ($('#' + popID).height() + 80) / 2;
  712. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  713.  
  714. $('#' + popID).css({
  715. 'margin-top' : -popMargTop,
  716. 'margin-left' : -popMargLeft
  717. });
  718. $('body').append('<div id="fade"></div>');
  719. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  720. return false;
  721. });
  722. $('a.close, #fade').live('click', function() {
  723. $('#fade , .popup_block').fadeOut(function() {
  724. $('#fade, a.close').remove();
  725. });
  726. return false;
  727. });
  728. });
  729. </script>
  730.  
  731. <!-- INFINITE SCROLL -->
  732. <script type="text/javascript" src="http://static.tumblr.com/nnl3g6g/vcCnyp3z7/infinitescrolling.js"></script>
  733.  
  734.  
  735. <!---- S-M-T-TOOLTIP JAVA ----->
  736.  
  737. <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'></script>
  738. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  739. <script>
  740. (function($){
  741. $(document).ready(function(){
  742. $("[title]").style_my_tooltips();
  743. });
  744. })(jQuery);
  745. </script>
  746.  
  747. </head>
  748.  
  749. <body>
  750.  
  751. <div id="inbox" class="popup_block">
  752. <div class="popuptit">questions?</div>
  753. <iframe frameborder="0" scrolling="no" width="100%" height="190" src="https://www.tumblr.com/ask_form/chrvstn.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  754.  
  755.  
  756. </div>
  757.  
  758. <div id="jimin" class="popup_block">
  759. <img src="http://i.imgur.com/r6Ey3O3.gif" /><br /><br />
  760. <div class="jmin">but the <i>you</i> who are <b>tonight</b>,<br />
  761. is the <b>same</b> <i>you</i> i was <b>in love</b> with <i>yesterday</i><br />
  762. and the one i will <i>adore</i> <b>tomorrow</b>.<br />
  763. </div>
  764. <img src="http://i.imgur.com/5g7fUH6.gif" />
  765. </div>
  766.  
  767. <div id="friend" class="popup_block">
  768. <div class="frnd">
  769. <a href="http://dylanly.tumblr.com/" title="one tol bumblebee, let people see that smile of yours more often."><img src="http://i.imgur.com/hNwVkWe.gif" /></a><a href="http://gttkwng.tumblr.com/" title="mr. selca king, even if you're too busy, we're still friends, right?"><img src="http://i.imgur.com/3g1AkLU.gif" /></a><br />
  770. <a href="http://keaun.tumblr.com/" title="bunbun unni, lets continue talking for a long long time!"><img src="http://i.imgur.com/2BiNM6z.gif" /></a><a href="http://yienetic.tumblr.com/" title="my tuna, i really want to continue being friends with you"><img src="http://i.imgur.com/CkqC9z0.gif" /></a><br />
  771. <a href="http://yuromeo.tumblr.com/" title="my romeo, i don't think i have enough words to explain how much i need you."><img src="http://i.imgur.com/ZGRMntv.gif" /></a><a href="http://resplexndent.tumblr.com/" title="angel ryan, you're really one of the best best friends in the history of besties!"><img src="http://i.imgur.com/4fnYjwo.gif" /></a><br />
  772. </div>
  773. </div>
  774.  
  775. <div id="prof" class="popup_block">
  776. <img src="http://i.imgur.com/USW0xZm.gif" /><br /><br />
  777. <div class="popuptxt">
  778. <b>NAME</b>: Christine Grace Vance<br />
  779. <b>AGE</b>: 20 (international)<br />
  780. <b>NATIONALITY</b>: British<br />
  781. <b>OCCUPATION</b>: Vlogger<br />
  782. <br />
  783. <center><a href="/bvllet">MORE</a></center>
  784. </div>
  785. </div>
  786.  
  787. <div id="more" class="popup_block">
  788. <img src="http://i.imgur.com/5LYMSQG.gif" /><br /><br />
  789. <div class="popuptxt">
  790. <center>Under construction!</center>
  791. </div>
  792. </div>
  793.  
  794. <div id="sidebarwrap">
  795. <div class="links">
  796. <a href="/">HOME</a>
  797. <a href="#?w=250" rel="inbox" class="poplight">INBOX</a>
  798. <a href="#?w=250" rel="prof" class="poplight">PROFILE</a>
  799. <a href="#?w=250" rel="more" class="poplight">NAVIGATION</a>
  800. </div>
  801.  
  802. <div class="description">
  803. Find somebody who likes to take long walks through the park, find somebody who likes to smile when the sun is outside, find somebody who finds joy in the little things around them. Those kind of people bring only happiness.
  804. </div>
  805.  
  806. <div class="jimin"><a href="#?w=250" rel="jimin" class="poplight" title="maybe i'm crazy about you already."><img src="http://26.media.tumblr.com/tumblr_lk4wjaP1rV1qijadwo1_100.gif" /></a></div>
  807. <div class="friend"><a href="#?w=170" rel="friend" class="poplight" title="what a bunch of loser. and i'm #1"><img src="http://33.media.tumblr.com/f862dfcc5df3744debbb591ba5f8df3e/tumblr_inline_ngdwrpWCNG1rpglid.gif" /></a></div>
  808. </div>
  809.  
  810. <div id="wrapper">
  811. <div class="alignment">
  812. <div class="autopagerize_page_element" >
  813.  
  814. {block:Posts}
  815. <div class="posts">
  816.  
  817. {block:ContentSource}
  818. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  819. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  820. {/block:SourceLogo}
  821. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  822.  
  823. <!-- {ReblogParentURL}{block:ReblogParentLogo}<img src="{BlackLogoURL}"
  824. width="{LogoWidth}" height="{LogoHeight}" alt="{ReblogParentTitle}" />
  825. {/block:ReblogParentLogo}
  826. {block:NoReblogParentLogo}{ReblogParentLink}{/block:NoReblogParentLogo} -->
  827. {/block:ContentSource}
  828.  
  829.  
  830. <!-- PHOTO POSTS -->
  831.  
  832. {block:Photo}
  833. {LinkOpenTag}
  834. <div class="photopost">
  835. <img src="{PhotoURL-250}">
  836. </div>
  837. {LinkCloseTag}
  838. {block:ifShowCaptions}
  839. {block:Caption}
  840. {Caption}
  841. {/block:Caption}
  842. {/block:ifShowCaptions}
  843. {/block:photo}
  844.  
  845.  
  846. <!-- PHOTOSET POSTS -->
  847.  
  848. {block:Photoset}
  849. <div id="photoset">
  850. {Photoset-250}
  851. </div>
  852. {block:ifShowCaptions}
  853. {block:Caption}
  854. {Caption}
  855. {/block:Caption}
  856. {/block:ifShowCaptions}
  857. {/block:Photoset}
  858.  
  859.  
  860. <!-- VIDEO POSTS -->
  861. <div class="video">
  862.  
  863. {block:Video}
  864. {Video-250}
  865. {block:ifShowCaptions}
  866. {block:Caption}
  867. {Caption}
  868. {/block:Caption}
  869. {/block:ifShowCaptions}
  870. {/block:Video}
  871. </div>
  872.  
  873. <!-- AUDIO POSTS -->
  874. {block:Audio}<div class="album">{block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}
  875.  
  876. {block:AlbumArt}{block:IndexPage}<img src="{AlbumArtURL}">{/block:IndexPage}{block:PermalinkPage}<img src="{AlbumArtURL}">{/block:PermalinkPage}{/block:AlbumArt}</div>
  877.  
  878. <div class="track">{block:TrackName}Title: {TrackName}<br>{/block:TrackName}{block:Artist}Artist: {Artist}<br>{/block:Artist}{block:Album}Album:
  879. {Album}{/block:Album}</div>
  880.  
  881. {block:ifShowCaptions}{block:Indexpage}{block:Caption}{Caption}{/block:Caption}{/block:Indexpage}{/block:ifShowCaptions}
  882.  
  883. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  884. {/block:Audio}
  885.  
  886.  
  887. <!-- QUOTE POSTS -->
  888. {block:Quote}
  889. {block:Source}<div id="source">{Source}</div>{/block:Source}
  890. <div id="quote">{Quote}</div>
  891. {/block:Quote}
  892.  
  893.  
  894. <!-- TEXT POSTS -->
  895. {block:Text}
  896. {block:Title}
  897. <div id="posttitle">{Title}</div>
  898. {/block:Title}
  899. {Body}
  900. {/block:Text}
  901.  
  902.  
  903. <!-- QUESTION POSTS -->
  904. {block:Answer}
  905. <div class="asker">{Asker}</div>
  906. <div class="question">{Question}</div>
  907. <div class="answer">{Answer}</div>
  908. {/block:Answer}
  909.  
  910. <!-- CHAT POSTS -->
  911. {block:Chat}
  912. {block:Title}
  913. <div id="posttitle">{Title}</div><br />
  914. {/block:Title}
  915. {block:Lines}<div id="{Alt}">
  916. {block:Label}<b>{Label}</b>{/block:Label} {Line}</br></div>
  917. {/block:Lines}
  918. {/block:Lines}
  919. {/block:Chat}
  920.  
  921. <!-- LINK POSTS -->
  922. {block:Link}
  923. <a href="{URL}"> <div id="posttitle">{Name}</div></a>
  924. {block:Description}
  925. {Description}
  926. {/block:Description}
  927. {/block:Link}
  928. </div>
  929.  
  930. {block:IndexPage}
  931. <div class="postperma">
  932. <a href="{Permalink}" title="{block:Date}Posted {TimeAgo}{/block:Date}"><div class="postpermas"></div></a>
  933. <a href="{Permalink}" title="With {NoteCount}"><div class="postpermas"></div></a>
  934. <a href="{Permalink}" title="{block:HasTags}{block:Tags}#{Tag}{/block:Tags}{/block:HasTags}"><div class="postpermas"></div></a>
  935. </div>
  936. {/block:IndexPage}
  937.  
  938. {block:PermaLinkPage}
  939. <div class="postinfo">
  940. <center>
  941. <div id="permtitle">Posted on: {Month} {DayofMonth}, {Year}<br> {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>
  942. {block:RebloggedFrom}
  943. <div id="tags">Via:
  944. <a href="{ReblogParentURL}">{ReblogParentName}</a> ||
  945. Source: <a href="{ReblogRootURL}">{ReblogRootName}</a></div>
  946. {/block:RebloggedFrom}
  947. </center>
  948. <br>
  949. {block:HasTags}
  950. <div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> &nbsp; {/block:Tags} </div>
  951. {/block:HasTags}
  952. </div>
  953.  
  954. {block:PostNotes}<div class="postnotes"><div style="margin-left: -20px;">{PostNotes}</div></div>{/block:PostNotes}
  955. {/block:PermalinkPage}
  956.  
  957. {/block:Posts}
  958.  
  959. </div>
  960. </div>
  961. </div>
  962. </div>
  963. </body>
  964. </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!