API tools faq
paste
Advertisement
ranmouri

old bp layout – not responsive

ranmouri
May 1st, 2023
34
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 38.95 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5.  
  6. <!--- Theme coded by Thea (doability.tumblr.com). Please leave the credits untouched, thank you! --->
  7.  
  8.  
  9. <head><title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12.  
  13. {block:Description}
  14. <meta name="description" content="{MetaDescription}"/>
  15. {/block:Description}
  16.  
  17.  
  18. <meta name="if:SearchBar" content="1"/>
  19. <meta name="if:400PixelPosts" content="1"/>
  20. <meta name="if:500PixelPosts" content="0"/>
  21. <meta name="if:CustomFollowButtons" content="1"/>
  22. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  23.  
  24. <meta name="text:PopUpTitle" content="title"/>
  25. <meta name="text:BlogURL" content="your url"/>
  26.  
  27.  
  28. <script type="text/javascript" src="https://static.tumblr.com/p2evvtm/Wycm17d1m/tumblr_search_box.js"></script>
  29.  
  30.  
  31. <script src="https://static.tumblr.com/m6lylkj/T16n1erqq/document.js"></script>
  32. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  33. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  34. <script>
  35. (function($){
  36. $(document).ready(function(){
  37. $("[title]").style_my_tooltips();
  38. });
  39. })(jQuery);
  40. </script>
  41.  
  42.  
  43. <script type="text/javascript"
  44. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  45. <script>
  46. $(document).ready(function() {
  47. //
  48. $('a.poplight[href^=#]').click(function() {
  49. var popID = $(this).attr('rel'); //Get Popup Name
  50. var popURL = $(this).attr('href'); //Get Popup href to define size
  51. var query= popURL.split('?');
  52. var dim= query[1].split('&');
  53. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  54. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="https://static.tumblr.com/m6lylkj/GdVn1oclb/bstop.png" style="opacity: 0.15; margin-left: 370px;"></a>');
  55. var popMargTop = ($('#' + popID).height() + 80) / 2;
  56. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  57. //Apply Margin to Popup
  58. $('#' + popID).css({
  59. 'margin-top' : -popMargTop,
  60. 'margin-left' : -popMargLeft
  61. });
  62. $('body').append('<div id="fade"></div>');
  63. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  64. return false;
  65. });
  66. $('a.close, #fade').live('click', function() {
  67. $('#fade , .popup_block').fadeOut(function() {
  68. $('#fade, a.close').remove(); //fade them both out
  69. });
  70. return false;
  71. });
  72. });
  73. </script>
  74.  
  75. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  76.  
  77. <script>
  78. $(document).ready(function(){
  79. $('.expand').click(function(list){
  80. list.stopPropagation();
  81. $("#searchentries").slideToggle('slow');
  82. });
  83. });
  84.  
  85. $(document).click(function(outside){
  86. var box = $('#searchentries');
  87. if(!box.is(outside.target) && box.has(outside.target).length === 0){
  88. $('#searchentries').slideUp('slow');
  89. }
  90. });
  91. </script>
  92.  
  93.  
  94. <style type="text/css">
  95.  
  96.  
  97. /*General Codes*/
  98.  
  99.  
  100. @font-face {
  101. font-family: nilland;
  102. src: url(https://static.tumblr.com/m6lylkj/kWan1pg8a/nilland.ttf);
  103. }
  104.  
  105.  
  106. body {
  107. color: #8d8b8b;
  108. background: #FFF;
  109. font-size: 10px;
  110. line-height: auto;
  111. font-family: arial;
  112. word-wrap: break-word;
  113. text-align: justify;
  114. margin-bottom: 50px;
  115. cursor: url(https://i.imgur.com/ZOrzC.png), auto;
  116. background-attachment: fixed;
  117. background-repeat: repeat;
  118. background-color:#eaeaea;
  119. background-image:url('https://static.tumblr.com/fowzldg/58On9fycx/tiny_grid.png');
  120. }
  121.  
  122. #nav {
  123. position: absolute; left: 300px; top: 10px; width:502px; padding:0px; margin:0px;
  124. }
  125.  
  126. #sidebar {
  127. background:url(https://assets.tumblr.com/images/x.gif?v=1) #fff no-repeat bottom right;
  128. background-size:240px;
  129. width:15%;
  130. top:0%;
  131. height:100%;
  132. padding: 4% 2% 10% 9%;
  133. border-right:1px solid #dedede;
  134. box-shadow:7px 0 15px rgba(0,0,0,.05);
  135. position:fixed;
  136. left: -10px;
  137. }
  138.  
  139.  
  140.  
  141. a:link, a:active, a:visited {
  142. cursor: url(https://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  143. text-decoration:none;
  144. color:#b8b8b8;
  145. -webkit-transition: all 0.3s linear;
  146. -moz-transition: all 0.3s linear;
  147. transition: all 0.3s linear;
  148. }
  149.  
  150. a:hover {
  151. cursor: url(https://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  152. color: #666666;
  153. -webkit-transition: all 0.3s linear;
  154. -moz-transition: all 0.3s linear;
  155. transition: all 0.3s linear;
  156. }
  157.  
  158. h1 {
  159. display: block;
  160. text-align: center;
  161. font-family: calibri;
  162. font-weight: bold;
  163. text-transform: uppercase;
  164. letter-spacing: 1px;
  165. font-size: 11px;
  166. padding: 5px;
  167. background: #FBFBFB;
  168. border-bottom: 1px solid #F0F0F0;
  169. }
  170.  
  171.  
  172. h2 {
  173. color: #666;
  174. font-family: calibri;
  175. font-weight: normal;
  176. text-indent: 5px;
  177. text-transform: uppercase;
  178. letter-spacing: 1px;
  179. font-size: 11px;
  180. display: block;
  181. padding: 5px;
  182. background: #FBFBFB;
  183. border-left: 10px solid #F0F0F0;
  184. }
  185.  
  186.  
  187. h3 {
  188. font-family: calibri;
  189. font-weight: normal;
  190. text-indent: 5px;
  191. text-transform: uppercase;
  192. letter-spacing: 1px;
  193. font-size: 9px;
  194. display: block;
  195. padding: 5px;
  196. margin-top: 20px;
  197. background: #FBFBFB;
  198. }
  199.  
  200. h4 {
  201. background:#dedede;
  202. margin:20px 0 10px 0;
  203. font:italic 12px 'Arapey';text-transform:uppercase;letter-spacing:1px;line-height:1px;
  204. margin:20px 0 10px 0;
  205. font:italic 12px 'Arapey';text-transform:uppercase;letter-spacing:1px;
  206. line-height:1px;
  207. z-index: -1;
  208. }
  209.  
  210. h4 span {
  211. background-color: #fbfbfb;
  212. }
  213.  
  214.  
  215. hr {
  216. border: 0;
  217. height: 3px;
  218. background: #FFF;
  219. }
  220.  
  221.  
  222. b, strong {
  223. color: #888;
  224. font-weight: bold;
  225. }
  226.  
  227.  
  228. i {
  229. color: #CCC;
  230. font-style: oblique;
  231. }
  232.  
  233.  
  234. pre, xmp, plaintext, listing {
  235. display: block;
  236. white-space: pre;
  237. background: #FBFBFB;
  238. padding: 5px;
  239. }
  240.  
  241.  
  242. p {
  243. display: block;
  244. -webkit-margin-before: 5px;
  245. -webkit-margin-after: 5px;
  246. -webkit-margin-start: 0px;
  247. -webkit-margin-end: 0px;
  248. }
  249.  
  250. li {
  251. list-style-image:url('https://media.tumblr.com/7a1012d22dc1be13a901a917d20005d0/tumblr_inline_nkji20huX91s8cpby.gif');
  252. }
  253.  
  254. small {
  255. font-size: 10px !important;
  256. letter-spacing: 1px;
  257. -webkit-margin-before: 0px;
  258. -webkit-margin-after: 0px;
  259. -webkit-margin-start: 0px;
  260. -webkit-margin-end: 0px;
  261. }
  262.  
  263.  
  264. blockquote {
  265. display: block;
  266. padding: 0px 5px 0px 5px;
  267. font-size: 10px !important;
  268. border-left: 2px solid #F4F4F4;
  269. -webkit-margin-before: 5px;
  270. -webkit-margin-after: 5px;
  271. -webkit-margin-start: 5px;
  272. -webkit-margin-end: 5px;
  273. }
  274.  
  275. blockquote p {
  276. -webkit-margin-before: 5px;
  277. -webkit-margin-after: 5px;
  278. -webkit-margin-start: 0px;
  279. -webkit-margin-end: 0px;
  280. }
  281.  
  282.  
  283. img {
  284. background: #F8F8F8;
  285. word-wrap: break-word;
  286. max-width: 100%;
  287. }
  288.  
  289. .post img{
  290. background: #F8F8F8;
  291. word-wrap: break-word;
  292. padding: 4px; border: 1px solid #f1f1f1; margin-bottom: 5px; margin-top: 5px;
  293. }
  294.  
  295.  
  296. img:hover{
  297. -webkit-filter: grayscale(.5); -webkit-transition: .5s; transition: .5s; -o-transition: .5s; -moz-transition: .5s;
  298. }
  299.  
  300. e img {
  301. padding: 0px; border: none; margin-bottom: 0px; margin-top: 0px;background-color: transparent;
  302. }
  303.  
  304.  
  305. img.icon {
  306. -webkit-border-radius: 100%;
  307. -moz-border-radius: 100%;
  308. border-radius: 100%;
  309. width: 64px;
  310. height:64px;
  311. float: left;
  312. margin-right: 10px;
  313. }
  314.  
  315. .dsc {
  316. text-align: justify;
  317. }
  318.  
  319.  
  320. img {
  321. max-width: 100%;
  322. }
  323.  
  324. .titles {
  325. font-size: 7px;
  326. text-transform: uppercase;
  327. letter-spacing: 2px;
  328. color: #d3d3d3;
  329. text-align: center;
  330. margin-top: -15px;
  331. font-family: times;
  332. margin-bottom: 13px;
  333. }
  334.  
  335. .name {
  336. font-family: times;
  337. text-transform: lowercase;
  338. font-style: italic;
  339. text-align: center;
  340. font-size: 17px!important;
  341. padding-bottom: 10px;
  342. line-height: 140%;
  343. color: #a367b8;
  344. }
  345.  
  346. .name a {
  347. color: #a367b8;
  348. }
  349.  
  350. .name:hover {
  351. color: #81d4da;
  352. }
  353.  
  354. /* Permalink Page */
  355.  
  356.  
  357. .notes {
  358. color: #AAA;
  359. font: 7px/12px trebuchet ms;
  360. letter-spacing: 2px;
  361. margin-top: 10px;
  362. width: 540px;
  363. text-transform: uppercase;
  364. }
  365.  
  366.  
  367. .notes a:hover {
  368. text-decoration:underline;
  369. }
  370.  
  371.  
  372. ol.notes {
  373. padding: 0px;
  374. margin: 10px 0px 0px 0px;
  375. list-style-image: url('https://static.tumblr.com/7qjmkr5/mXQmtnk03/dotty.png');
  376. }
  377.  
  378.  
  379. ol.notes li.note {
  380. border-top: 1px solid #F5F5F5;
  381. padding: 10px;
  382. }
  383.  
  384.  
  385. ol.notes li.note img.avatar {
  386. display: none;
  387. }
  388.  
  389.  
  390. ol.notes li.note blockquote {
  391. margin: 10px 0px 0px 25px;
  392. }
  393.  
  394.  
  395. /* Entries */
  396.  
  397.  
  398. .post {
  399. margin-top: 70px;
  400. padding: 20px;
  401. background: #FBFBFB;
  402.  
  403. {block:IndexPage}
  404.  
  405. {block:If400PixelPosts}
  406. width: 400px;
  407. {block:If400PixelPosts}
  408.  
  409. {block:If500PixelPosts}
  410. width: 500px;
  411. {block:If500PixelPosts}
  412.  
  413. {/block:IndexPage}
  414.  
  415. {block:PermalinkPage}
  416. width: 500px;
  417. {/block:PermalinkPage}
  418. }
  419.  
  420.  
  421. .post i {
  422. color: #DCDCDC;
  423. font-style: oblique;
  424. }
  425.  
  426.  
  427. #middle {
  428. margin-left: auto;
  429. margin-right: auto;
  430.  
  431. {block:IndexPage}
  432.  
  433. {block:If400PixelPosts}
  434. width: 440px;
  435. {block:If400PixelPosts}
  436.  
  437. {block:If500PixelPosts}
  438. width: 540px;
  439. {block:If500PixelPosts}
  440.  
  441. {/block:IndexPage}
  442.  
  443. {block:PermalinkPage}
  444. width: 540px;
  445. {/block:PermalinkPage}
  446. }
  447.  
  448.  
  449. #content {
  450. padding-bottom: 35px;
  451. padding-top: 0px;
  452.  
  453. {block:IndexPage}
  454.  
  455. {block:If400PixelPosts}
  456. width: 400px;
  457. {block:If400PixelPosts}
  458.  
  459. {block:If500PixelPosts}
  460. width: 500px;
  461. {block:If500PixelPosts}
  462.  
  463. {/block:IndexPage}
  464.  
  465. {block:PermalinkPage}
  466. width: 500px;
  467. {/block:PermalinkPage}
  468. }
  469.  
  470.  
  471. #captions {
  472. border-top: 1px solid #FFF;
  473. margin: 20px -20px 0 -20px;
  474. padding: 20px 20px 0px 20px;
  475. }
  476.  
  477.  
  478. #piccy img {
  479. max-width: 100%;
  480. margin-bottom: -3px;
  481. }
  482.  
  483.  
  484. .post li {
  485. list-style-image: url('');
  486. font: 7px/12px trebuchet ms;
  487. list-style: square;
  488. letter-spacing: 2px;
  489. text-transform: uppercase;
  490. }
  491.  
  492.  
  493. #posttitle {
  494. font-family: helvetica;
  495. font-weight: bold;
  496. font-size: 22px;
  497. line-height: 22px;
  498. color: #ccc;
  499. text-align: left;
  500. }
  501.  
  502.  
  503. #postlink {
  504. font-family: helvetica;
  505. font-weight: bold;
  506. font-size: 22px;
  507. line-height: 22px;
  508. color: #ccc;
  509. text-align: left;
  510. }
  511.  
  512.  
  513. #postlink a:hover {
  514. text-decoration: none;
  515. }
  516.  
  517.  
  518. #tumblr_lightbox {
  519. background-color: #FFF !important;
  520. opacity: 1;
  521. }
  522.  
  523.  
  524. #tumblr_lightbox img {
  525. opacity: 0;
  526. }
  527.  
  528.  
  529. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  530. opacity: 1 !important;
  531. border: 15px solid #FBFBFB !important;
  532.  
  533. -moz-box-shadow: 0px 2px 2px #FFF !important;
  534. -webkit-box-shadow: 0px 2px 2px #FFF !important;
  535. box-shadow: 0px 2px 2px #FFF !important;
  536.  
  537. -moz-border-radius: 0px !important;
  538. -webkit-border-radius: 0px !important;
  539. border-radius: 0px !important;
  540. }
  541.  
  542.  
  543. /*Permalinks and Tags*/
  544.  
  545.  
  546. #bottom {
  547. font-family: cambria;
  548. line-height: 16px;
  549. font-size: 10px;
  550. letter-spacing: 1px;
  551.  
  552. {block:IndexPage}
  553.  
  554. {block:If400PixelPosts}
  555. width: 440px;
  556. {block:If400PixelPosts}
  557.  
  558. {block:If500PixelPosts}
  559. width: 540px;
  560. {block:If500PixelPosts}
  561.  
  562. {/block:IndexPage}
  563.  
  564. {block:PermalinkPage}
  565. width: 540px;
  566. {/block:PermalinkPage}
  567. }
  568.  
  569.  
  570. #bottomperma {
  571. font-family: cambria;
  572. line-height: 12px;
  573. font-size: 10px;
  574. letter-spacing: 1px;
  575.  
  576. {block:IndexPage}
  577.  
  578. {block:If400PixelPosts}
  579. width: 440px;
  580. {block:If400PixelPosts}
  581.  
  582. {block:If500PixelPosts}
  583. width: 540px;
  584. {block:If500PixelPosts}
  585.  
  586. {/block:IndexPage}
  587.  
  588. {block:PermalinkPage}
  589. width: 540px;
  590. {/block:PermalinkPage}
  591. }
  592.  
  593.  
  594. #bottom a {
  595. color: #AAA;
  596. }
  597.  
  598.  
  599. #bottom a:hover {
  600. color: #666;
  601. }
  602.  
  603.  
  604. #perma {
  605. color: #E0E0E0;
  606. background: #FBFBFB;
  607. font-size: 8px;
  608. line-height: 8px;
  609. letter-spacing: 2px;
  610. font-family: trebuchet ms;
  611. text-transform: uppercase;
  612. padding: 7px 0px 7px 10px;
  613. border-top: 1px solid #FFF;
  614. }
  615.  
  616.  
  617. #perma a {
  618. padding-right: 5px;
  619. }
  620.  
  621.  
  622. #perma a:hover {
  623. text-decoration: none;
  624. }
  625.  
  626.  
  627. #permaperma {
  628. background: #FBFBFB;
  629. border-top: 1px solid #FFF;
  630. padding: 5px 0px 5px 0px;
  631. }
  632.  
  633.  
  634. #permaperma li {
  635. list-style-image: url('');
  636. list-style: square;
  637. }
  638.  
  639.  
  640. .darling {
  641. position: absolute;
  642. height: 22px;
  643. width: 45px;
  644. margin-top: 1px;
  645.  
  646. {block:IndexPage}
  647.  
  648. {block:If400PixelPosts}
  649. margin-left: 395px;
  650. {block:If400PixelPosts}
  651.  
  652. {block:If500PixelPosts}
  653. margin-left: 495px;
  654. {block:If500PixelPosts}
  655.  
  656. {/block:IndexPage}
  657. }
  658.  
  659.  
  660. .darling a, .darling a:hover {
  661. text-decoration: none;
  662. margin: 0px;
  663. }
  664.  
  665. .cottonee {
  666. background: url(https://static.tumblr.com/7qjmkr5/1STmeu1cb/loop.png) no-repeat center center !important;
  667. position: absolute;
  668. border-right: 1px solid #FFF;
  669. height: 22px;
  670. width: 22px;
  671. cursor: pointer;
  672. opacity: 0.7;
  673. }
  674.  
  675.  
  676. .cottonee:hover {
  677. background: url(https://static.tumblr.com/7qjmkr5/1STmeu1cb/loop.png) no-repeat center center !important;
  678. cursor: pointer;
  679. }
  680.  
  681.  
  682. .pikachu {
  683. position: absolute;
  684. overflow: hidden;
  685. width: 22px;
  686. height: 22px;
  687. margin-left: 23px;
  688. background: transparent;
  689. }
  690.  
  691.  
  692. #whimsicott {
  693. background:url('https://static.tumblr.com/m6lylkj/aE9n0o701/heart.png') no-repeat center center;
  694. width: 22px;
  695. height: 22px;
  696. }
  697.  
  698.  
  699. #whimsicott2 {
  700. margin-top: -40px;
  701. margin-left: -10px;
  702. opacity: 0.1;
  703. }
  704.  
  705.  
  706. .toppost {
  707. color: #E1E1E1;
  708. background: #F8F8F8;
  709. position: absolute;
  710. margin-top: -31px;
  711. border-bottom: 1px solid #FFF;
  712. margin-left: -20px;
  713. font-family: trebuchet ms;
  714. font-size: 8px;
  715. padding: 2px 3px 2px 5px;
  716. letter-spacing: 2px;
  717. line-height: 8px;
  718. text-transform: uppercase;
  719.  
  720. {block:If400PixelPosts}
  721. width: 432px;
  722. {block:If400PixelPosts}
  723.  
  724. {block:If500PixelPosts}
  725. width: 532px;
  726. {block:If500PixelPosts}
  727. }
  728.  
  729.  
  730. #toppost1 {
  731. position: absolute;
  732. }
  733.  
  734.  
  735. #toppost2 {
  736. text-align: right;
  737. }
  738.  
  739.  
  740. /* Top Bar */
  741.  
  742.  
  743. .tupperware {
  744. position: fixed;
  745. top: 0px;
  746. left: 0px;
  747. right: 0px;
  748. height: 34px;
  749. background: #FFF;
  750. border-bottom: 1px solid #F5F5F5;
  751. text-align: center;
  752. z-index: 999;
  753. visibility:hidden;
  754.  
  755. }
  756.  
  757.  
  758. #basiclinks {
  759. display: inline-block;
  760. text-align: center;
  761. font-family: trebuchet ms;
  762. font-size: 8px;
  763. text-transform: uppercase;
  764. word-spacing: -4px;
  765. letter-spacing: 2px;
  766. margin-top: 11px;
  767. width:220px;
  768. }
  769.  
  770. #basiclinks a {
  771. color: #ccc;
  772. line-height: 8px;
  773. padding: 0px 10px 10px 10px;
  774. border-bottom: 1px solid #ccc;
  775. }
  776.  
  777. #basiclinks a:hover {
  778. color: #000;
  779. text-decoration: none;
  780. border-bottom: 1px solid #000;
  781. }
  782.  
  783.  
  784. /* Pagination */
  785.  
  786.  
  787. #pages {
  788. position: fixed;
  789. bottom: 0px;
  790. left: 0px;
  791. right: 0px;
  792. background: transparent;
  793. padding: 8px;
  794. font-size: 16px;
  795. line-height: 16px;
  796. font-family: helvetica;
  797. font-weight: bold;
  798. text-align: center;
  799. color: #CCC;
  800. letter-spacing: 0px;
  801. }
  802.  
  803.  
  804. #current {
  805. color: #666;
  806. background: none;
  807. padding: 0px 3px 0px 3px;
  808. display: inline-block;
  809. }
  810.  
  811.  
  812. #pages a {
  813. text-decoration: none;
  814. padding: 0px 3px 0px 3px;
  815. margin-left: 1px;
  816. margin-right: 1px;
  817. display: inline-block;
  818. color: #CCC;
  819. }
  820.  
  821.  
  822. #pages a:hover {
  823. color: #777;
  824. }
  825.  
  826.  
  827. /* Audio Posts */
  828.  
  829.  
  830. #musicart {
  831. position: absolute;
  832. background: #FFF;
  833. width: 100px;
  834. height: 100px;
  835. padding: 20px;
  836. }
  837.  
  838.  
  839. #musicart img {
  840. opacity: 0.7;
  841. height: 100px;
  842. width: 100px;
  843. }
  844.  
  845.  
  846. #player {
  847. margin-left: 141px;
  848. background: #FFF;
  849. margin-top: 1px;
  850. height: 27px;
  851. overflow: hidden;
  852. }
  853.  
  854.  
  855. #playerinside {
  856. opacity: 0.3;
  857. }
  858.  
  859.  
  860. #audioinfo {
  861. margin-left: 141px;
  862. background: #FFF;
  863. padding: 5px 10px 5px 10px;
  864. height: 102px;
  865. overflow: auto;
  866. font-family: helvetica;
  867. }
  868.  
  869.  
  870. #audiotitle {
  871. color: #EBEBEB;
  872. font-family: helvetica;
  873. text-align: center;
  874. font-size: 24px;
  875. line-height: 24px;
  876. font-weight: bold;
  877. text-transform: lowercase;
  878. }
  879.  
  880.  
  881. #audioartist {
  882. color: #DDD;
  883. font-family: helvetica;
  884. text-align: right;
  885. font-size: 14px;
  886. line-height: 18px;
  887. font-weight: bold;
  888. text-transform: lowercase;
  889. }
  890.  
  891.  
  892. #audiolast {
  893. color: #E5E5E5;
  894. border-top: 1px solid #FBFBFB;
  895. font-family: helvetica;
  896. text-align: left;
  897. margin-top: 10px;
  898. font-size: 10px;
  899. line-height: 10px;
  900. font-weight: bold;
  901. text-transform: lowercase;
  902. }
  903.  
  904.  
  905. /* Ask Posts */
  906.  
  907.  
  908. #asker {
  909. color: #E0E0E0;
  910. font-family: helvetica;
  911. font-size: 28px;
  912. text-indent: 20px;
  913. line-height: 20px;
  914. font-weight: bold;
  915. font-style: oblique;
  916. }
  917.  
  918.  
  919. #asker a:hover {
  920. text-decoration: none;
  921. }
  922.  
  923.  
  924. #question {
  925. color: #CCC;
  926. background: #F7F7F7;
  927. padding: 10px;
  928. }
  929.  
  930.  
  931. #answerer {
  932. color: #E0E0E0;
  933. font-family: helvetica;
  934. font-size: 28px;
  935. text-indent: 20px;
  936. line-height: 20px;
  937. font-weight: bold;
  938. margin-top: 20px;
  939. font-style: oblique;
  940. }
  941.  
  942.  
  943. #answerer a:hover {
  944. text-decoration: none;
  945. }
  946.  
  947.  
  948. #answer {
  949. color: #CCC;
  950. background: #F7F7F7;
  951. padding: 10px;
  952. }
  953.  
  954.  
  955. #replies {
  956. padding: 0px 0px 0px 0px;
  957. background: url() no-repeat top left;
  958. }
  959.  
  960.  
  961. #replies p {
  962. -webkit-margin-before: 20px;
  963. -webkit-margin-after: 2px;
  964. -webkit-margin-start: 0px;
  965. -webkit-margin-end: 0px;
  966. }
  967.  
  968.  
  969. /* Chat Posts */
  970.  
  971.  
  972. .lines .line {
  973. background: #FBFBFB;
  974. padding: 5px;
  975. margin-bottom: 2px;
  976. }
  977.  
  978.  
  979. .lines .line.even {
  980. background: #F6F6F6;
  981. }
  982.  
  983.  
  984. /* Selection Text & Scrollbar */
  985.  
  986.  
  987. ::-webkit-scrollbar-thumb:vertical {
  988. background: #F0F0F0;
  989. border: 7px solid #FFF;
  990. height: 80px;
  991. }
  992.  
  993.  
  994. ::-webkit-scrollbar {
  995. height: 10px;
  996. width: 15px;
  997. background: #FFF;
  998. }
  999.  
  1000.  
  1001. :-moz-selection {
  1002. background: transparent;
  1003. color: #000;
  1004. }
  1005.  
  1006.  
  1007. ::selection {
  1008. background: transparent;
  1009. color: #000;
  1010. }
  1011.  
  1012.  
  1013. iframe#tumblr_controls {
  1014. position: fixed !important;
  1015. -webkit-filter: invert(100%);
  1016. z-index: 9999;
  1017. opacity: 0.2;
  1018. }
  1019.  
  1020.  
  1021. {block:IfCustomFollowButtons}
  1022. #tumblr_controls {
  1023. display: none;
  1024. }
  1025. {/block:IfCustomFollowButtons}
  1026.  
  1027.  
  1028. #s-m-t-tooltip {
  1029. z-index: 9999;
  1030. background: #FFF;
  1031. font-size: 9px;
  1032. line-height: 11px;
  1033. font-family: cambria;
  1034. font-style: oblique;
  1035. letter-spacing: 1px;
  1036. text-transform: lowercase;
  1037. color: #AAA;
  1038. border: 3px double #F0F0F0;
  1039. max-width: 150px;
  1040. text-align: justify;
  1041. padding: 5px 10px 5px 10px;
  1042. display: block;
  1043. margin: 24px 14px 7px 12px;
  1044. -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.1);
  1045. -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.1);
  1046. box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.1);
  1047. }
  1048.  
  1049.  
  1050. #holder {
  1051. position: absolute;
  1052. margin-left: 8px;
  1053. margin-top: 9px;
  1054. background: #F0F0F0;
  1055. }
  1056.  
  1057.  
  1058. #search {
  1059. border: 1px solid #F0F0F0;
  1060. width: 119px;
  1061. height: 12px;
  1062. font-size: 9px;
  1063. position: absolute;
  1064. padding-left: 3px;
  1065. color: #DDD;
  1066. }
  1067.  
  1068.  
  1069. #button {
  1070. position: absolute;
  1071. margin-left: 124px;
  1072. background: #F0F0F0;
  1073. }
  1074.  
  1075.  
  1076. .popup_block {
  1077. display: none;
  1078. background: transparent;
  1079. padding: 20px;
  1080. float: left;
  1081. position: fixed;
  1082. top: 50%;
  1083. left: 50%;
  1084. z-index: 99999;
  1085. }
  1086.  
  1087.  
  1088. #extrabox {
  1089. background: #FFF;
  1090. margin-left: 20px;
  1091. margin-right: -20px;
  1092. padding: 10px;
  1093. border: 1px solid #F0F0F0;
  1094. }
  1095.  
  1096.  
  1097. #extraborder {
  1098. width: 348px;
  1099. background: #FBFBFB;
  1100. height: 10px;
  1101. margin: 10px 0 -11px -11px;
  1102. border-bottom: 5px solid #F0F0F0;
  1103. border-left: 1px solid #F0F0F0;
  1104. border-right: 1px solid #F0F0F0;
  1105. visibility: hidden;
  1106. }
  1107.  
  1108.  
  1109. #extratitle {
  1110. color: #F0F0F0;
  1111. font-family: helvetica;
  1112. text-transform: lowercase;
  1113. font-size: 28px;
  1114. line-height: 28px;
  1115. font-weight: bold;
  1116. }
  1117.  
  1118.  
  1119. img.btn_close {
  1120. float: right;
  1121. margin: 355px;
  1122. }
  1123.  
  1124.  
  1125. *html #fade {
  1126. position: absolute;
  1127. }
  1128.  
  1129.  
  1130. *html .popup_block {
  1131. position: absolute;
  1132. }
  1133.  
  1134.  
  1135. #fade {
  1136. display: none;
  1137. background: #FFF;
  1138. position: fixed;
  1139. left: 0;
  1140. top: 0;
  1141. width: 100%;
  1142. height: 100%;
  1143. opacity: 1;
  1144. z-index: 9999;
  1145. }
  1146.  
  1147.  
  1148. #followbts {
  1149. position: fixed;
  1150. top: 7px;
  1151. right: 7px;
  1152. z-index: 99999;
  1153. }
  1154.  
  1155.  
  1156. #followbts1 {
  1157. background: #F8F8F8 url(https://static.tumblr.com/m6lylkj/iLsn1pc55/mail.png) no-repeat center center;
  1158. height: 16px;
  1159. width: 16px;
  1160. display: inline-block;
  1161. padding: 2px;
  1162. }
  1163.  
  1164.  
  1165. #followbts2 {
  1166. background: #F8F8F8 url(https://static.tumblr.com/m6lylkj/VVMn1pbpw/add.png) no-repeat center center;
  1167. height: 16px;
  1168. width: 16px;
  1169. display: inline-block;
  1170. padding: 2px;
  1171. }
  1172.  
  1173.  
  1174. #followbts3 {
  1175. background: #F8F8F8 url(https://static.tumblr.com/m6lylkj/4Uun1pbqy/document.png) no-repeat center center;
  1176. height: 16px;
  1177. width: 16px;
  1178. display: inline-block;
  1179. padding: 2px;
  1180. }
  1181.  
  1182.  
  1183. .hearteu {
  1184. overflow: hidden;
  1185. display: inline-block;
  1186. width: 20px;
  1187. height: 19px;
  1188. padding-top: 1px;
  1189. background: transparent;
  1190. }
  1191.  
  1192.  
  1193. #hearteu1 {
  1194. background: url('https://static.tumblr.com/m6lylkj/aE9n0o701/heart.png') no-repeat center center !important;
  1195. width: 16px;
  1196. height: 16px;
  1197. padding: 2px;
  1198. }
  1199.  
  1200.  
  1201. #hearteu2 {
  1202. margin-top: -40px;
  1203. margin-left: -10px;
  1204. opacity: 0.1;
  1205. }
  1206.  
  1207.  
  1208. .cottonee2 {
  1209. background: #F8F8F8 url(https://static.tumblr.com/7qjmkr5/1STmeu1cb/loop.png) no-repeat center center !important;
  1210. display: inline-block;
  1211. height: 16px;
  1212. width: 16px;
  1213. padding: 2px;
  1214. cursor: pointer;
  1215. }
  1216.  
  1217.  
  1218.  
  1219. f img:hover {
  1220. padding:5px;
  1221. border:1px solid #eeeeee;
  1222. background-color:#fbfbfb;
  1223. opacity: 0.5;
  1224.  
  1225. -webkit-filter: grayscale(100%);
  1226. z-index: -9999999999999999999999999px;
  1227. -webkit-transition: all 0.9s ease-in-out;
  1228. -moz-transition: all 0.9s ease-in-out;
  1229. -o-transition: all 0.9s ease-in-out;
  1230. -ms-transition: all 0.9s ease-in-out;
  1231. transition: all 0.9s ease-in-out;
  1232. }
  1233.  
  1234. f img {
  1235. padding:5px;
  1236. border:1px solid #eeeeee;
  1237. background-color:#fbfbfb;
  1238. opacity: 0.5;
  1239. max-width:190px;
  1240.  
  1241. -webkit-filter: grayscale(0%);
  1242. z-index: -9999999999999999999999999px;
  1243. -webkit-transition: all 0.9s ease-in-out;
  1244. -moz-transition: all 0.9s ease-in-out;
  1245. -o-transition: all 0.9s ease-in-out;
  1246. -ms-transition: all 0.9s ease-in-out;
  1247. transition: all 0.9s ease-in-out;
  1248.  
  1249. opacity: 1;
  1250. }
  1251.  
  1252.  
  1253.  
  1254. #bite
  1255. #bite a{
  1256. display:block
  1257. }
  1258. #bite .death {
  1259. margin-top:0px;filter: alpha(opacity = 0);
  1260. opacity:0;-webkit-transition: all 0.5s ease-out;
  1261. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  1262. visibility:hidden;
  1263. }
  1264.  
  1265. #bite:hover .death {
  1266. margin-top:0px;
  1267. -webkit-transition: all 0.8s ease-out;
  1268. -moz-transition: all 0.8s ease-out;
  1269. transition: all 0.8s ease-out;
  1270. filter: alpha(opacity = 100);
  1271. filter: alpha(opacity = 100);
  1272. opacity:100;
  1273. }
  1274.  
  1275. #actualnews {
  1276. font-family:calibri;
  1277. font-size:10px;
  1278. color: #b8b8b8;
  1279. width:160px;
  1280. height:auto;
  1281. padding:5px;
  1282. padding-top:3px;
  1283. border:1px solid #f1f1f1;
  1284. background-color:#fbfbfb;
  1285. margin-left:1030px;
  1286. margin-top:135px;
  1287. position:fixed;
  1288. }
  1289.  
  1290. #thekey img{
  1291. width:120px;
  1292. opacity:1;
  1293. margin-top: 50px;
  1294. margin-left: 1055px;
  1295. position:fixed;
  1296. visibility:hidden;
  1297. }
  1298.  
  1299. #credit a{
  1300. position:fixed;
  1301. bottom:2px;
  1302. right:3px;
  1303. color:#ededed;
  1304. }
  1305.  
  1306.  
  1307.  
  1308. .typing, .typing::placeholder, #searchentries, #searchentries a, .enter {
  1309. background-color:#fff;
  1310. padding:5px;
  1311. text-transform:uppercase;
  1312. letter-spacing:0.5px;
  1313. color:#999;
  1314. font-size:9px;
  1315.  
  1316. }
  1317.  
  1318. .typing, #searchentries {
  1319. width:170px;
  1320. }
  1321.  
  1322. .typing {
  1323. margin-bottom:0px;
  1324. outline:none;
  1325. border:1px solid #ccc;
  1326. font-size:9px;
  1327. }
  1328.  
  1329. .typing::placeholder {
  1330. padding:0px;!important;
  1331. }
  1332.  
  1333. #searchentries {
  1334. display:none;
  1335. background-color:rgba(255,255,255,0.55)!important;
  1336. }
  1337.  
  1338. #searchentries a {
  1339. display:block;
  1340. background-color:transparent!important;
  1341. }
  1342.  
  1343. #searchentries a:hover {
  1344. background-color:rgba(255,255,255,0.8)!important;
  1345. }
  1346.  
  1347. .enter {
  1348. margin-left:4px;
  1349. margin-bottom:0px;
  1350. outline:none;
  1351. border:0px solid transparent;
  1352. cursor:pointer;
  1353. border:1px solid #ccc;
  1354. background-color: #f6f6f6;
  1355. }
  1356.  
  1357.  
  1358. @media only screen and (min-width: 1200px) {
  1359.  
  1360.  
  1361. }
  1362.  
  1363.  
  1364. </style>
  1365.  
  1366. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" />
  1367.  
  1368.  
  1369. </head>
  1370.  
  1371.  
  1372. <body>
  1373.  
  1374.  
  1375.  
  1376. <div class="tupperware">
  1377.  
  1378. {block:IfSearchBar}
  1379. <div id="holder">
  1380. <form onsubmit="return tagSearch(this)">
  1381. <input type="text" id="search" name="tag" value="" onfocus="if (this.value == '{text:Search Label}') {this.value=''}" onblur="if (this.value == '') {this.value='{text:Search Label}'}" />
  1382. <input type="image" id="button" src="https://static.tumblr.com/7qjmkr5/uxRmhf6ak/search.png" value="Search" />
  1383. </form>
  1384. </div>
  1385. {/block:IfSearchBar}
  1386.  
  1387.  
  1388. <div id="basiclinks">
  1389. <a href="/">index</a>
  1390. <a href="/ask">communication</a>
  1391. <a href="/archive">files</a>
  1392. <a href="#?w=350" rel="box1" class="poplight">extra</a>
  1393. </div>
  1394.  
  1395.  
  1396. {block:IfCustomFollowButtons}
  1397. <div id="followbts">
  1398. <a href="https://tumblr.com/send/{text:BlogURL}?redirect_to=http%3A%2F%2F{text:BlogURL}.tumblr.com%2F" title="send fanmail"><div id="followbts1"></div></a>
  1399. <a href="https://tumblr.com/follow/{text:BlogURL}" title="follow!"><div id="followbts2"></div></a>
  1400. <a href="https://tumblr.com/" title="back to dash"><div id="followbts3"></div></a>
  1401. </div>
  1402. {/block:IfCustomFollowButtons}
  1403.  
  1404.  
  1405. </div>
  1406.  
  1407.  
  1408. <div id="box1" class="popup_block">
  1409. <div id="extrabox">
  1410.  
  1411. <div id="extratitle">{text:PopUpTitle}</div>
  1412.  
  1413. <div id="description">{Description}</div>
  1414.  
  1415. <div id="extraborder"></div>
  1416.  
  1417. </div>
  1418. </div>
  1419.  
  1420.  
  1421. <div id="bite">
  1422. <div id="thekey"><e><img src="https://static.tumblr.com/09bc1164de4edda6ddc4f3df8cbf4d3b/fowzldg/7eGopbo9k/tumblr_static_1t6pikkkkrb4wcs00g40sw4s0.png"></e></div>
  1423. <div class="death">
  1424. <div id="actualnews">
  1425.  
  1426. <b>Prev:</b> <i>@ wjsn</i><br>
  1427. <b>Blogs:</b> <a href="https://jihyo.tumblr.com" target="blank" title="@jihyo">☆</a>
  1428. <a href="https://yooa.tumblr.com" target="blank" title="@yooa">☆</a>
  1429. <a href="https://redvelvet.tumblr.com" target="blank" title="@redvelvet">☆</a>
  1430. <br>
  1431. <b>Fandom:</b> <a href="https://rorygilmore.com"><i>rorygilmore</i></a>
  1432. <br>
  1433. <b>Hits:</b> XXX
  1434. <br>
  1435. <b>Followers:</b> XXX
  1436. </div>
  1437. </div></div>
  1438.  
  1439.  
  1440. <div id="sidebar">
  1441. <a href="https://blackpink.tumblr.com"><div class="name" title="follow me :)" >- ̗̀ blackpink ̖́-</div></a>
  1442. <div class="titles">middle finger up, f- you pay me!</div>
  1443.  
  1444. <a href="/"><e><img src="https://static.tumblr.com/22c46d923046fc88c727c6de55506a02/fowzldg/p7aopbm49/tumblr_static_9t594ya6eccg848owcwkw8cs4.png" class="icon" title="{title}" /></e>
  1445. </a>
  1446. <div class="dsc">
  1447. {description}
  1448.  
  1449. </div>
  1450.  
  1451.  
  1452. <h4><span class="title">Information.</span></h4>
  1453.  
  1454.  
  1455. <div id="basiclinks">
  1456.  
  1457. <a href="/">Index</a>
  1458.  
  1459. <a href="/suzy">Profile</a>
  1460.  
  1461. <a href="/ask">Ask</a>
  1462.  
  1463. <a href="/links">Links</a>
  1464. </div>
  1465. <br><br>
  1466.  
  1467. <center style="background-color:#fbfbfb; margin:5px;"><b><a href="https://apink.co/etc">Suzy</a></b>✨, 21 + Virgo <br> I put the <i>apink</i> in bl<a href="#"><u>a</u></a>ck<a href="#"><u>pink</u></a>.</center> <p>
  1468. I love hearing about your day/life or crush, so feel free to send me a message, on anon or not 💖<p>
  1469.  
  1470.  
  1471. <f>
  1472. <script language="JavaScript">
  1473. <!--
  1474.  
  1475. /*
  1476. Random Image Script- By JavaScript Kit (https://www.javascriptkit.com)
  1477. Over 400+ free JavaScripts here!
  1478. Keep this notice intact please
  1479. */
  1480.  
  1481. function random_imglink(){
  1482. var myimages=new Array()
  1483. //specify random images below. You can have as many as you wish
  1484.  
  1485.  
  1486. myimages[1]="https://68.media.tumblr.com/701ad18d33529dbe1c33a82ccea9217d/tumblr_opa1jmMpfH1rsh8z9o3_250.gif"
  1487.  
  1488.  
  1489.  
  1490. var ry=Math.floor(Math.random()*myimages.length)
  1491. if (ry==0)
  1492. ry=1
  1493. document.write('<img src="'+myimages[ry]+'" border=0>')
  1494. }
  1495. random_imglink()
  1496. //-->
  1497. </script></f>
  1498.  
  1499.  
  1500. <p>
  1501.  
  1502.  
  1503. <h4><span class="title">Shoutbox.</span></h4>
  1504.  
  1505. <tr>
  1506. <td>
  1507. <!-- DONT YOU DARE REMOVING THIS -->
  1508. <div id="footer" style="color:#cccccc; font-size:9px"><center>
  1509. click <a href="https://my.cbox.ws/suzaen" target="_blank" title="write me a nice message!"><u>here</u></a> to enlarge my shoutbox.</center>
  1510. <br>
  1511.  
  1512. <!-- SEARCHBAR -->
  1513.  
  1514. <div id="searchblock">
  1515.  
  1516. <form class="find" action="/search" method="get">
  1517.  
  1518. <a class="expand"><input class="typing" type="text" name="q" value="{SearchQuery}" placeholder="search..." autocomplete="off"/></a>
  1519.  
  1520. <input class="enter" type="submit" value="go"/>
  1521.  
  1522. </form>
  1523.  
  1524. <div id="searchentries">
  1525. <a href="/search/blackpink">blackpink</a>
  1526. <a href="/search/jennie">jennie</a>
  1527. <a href="/search/jisoo">jisoo</a>
  1528. <a href="/search/lisa">lisa</a>
  1529. <a href="/search/rosé">rosé </a>
  1530. </div><!--END 'searchentries' div-->
  1531. </div><!--END 'searchblock' div-->
  1532.  
  1533. <br>
  1534.  
  1535. <br>
  1536. <font style="color:#ec5869; font: 12px arial; text-transform:lowercase;">did you mean:</font>
  1537. <a href="/tagged/thirst">
  1538. <font style="font-style:italic; color:#1e0fbe; font: 12px arial; text-transform:lowercase;"> jackson <font style="text-decoration:underline; font-weight:bold;">wanks</font></font></a></font>
  1539.  
  1540. <br> <br>
  1541.  
  1542.  
  1543. <font style="text-transform: uppercase;">read my <a href="https://redvelvet.cc" target="_blank">depressing diary</a>?</font>
  1544.  
  1545.  
  1546.  
  1547. </div>
  1548. </td>
  1549. </tr>
  1550. </div>
  1551.  
  1552.  
  1553.  
  1554. <div id="extraborder"></div>
  1555.  
  1556. </div>
  1557. </div>
  1558.  
  1559.  
  1560. <div id="middle">
  1561.  
  1562.  
  1563. <div id="content">
  1564.  
  1565.  
  1566.  
  1567. {block:Posts}
  1568.  
  1569.  
  1570. <div class="post">
  1571.  
  1572.  
  1573. {block:IndexPage}
  1574.  
  1575. <div class="toppost">
  1576.  
  1577. <div id="toppost1">
  1578. {block:Date}<span title="{TimeAgo}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year}</span>{/block:Date}
  1579. </div>
  1580.  
  1581. <div id="toppost2">
  1582. {NoteCountWithLabel}
  1583. </div>
  1584.  
  1585. </div>
  1586.  
  1587. {/block:IndexPage}
  1588.  
  1589.  
  1590. {block:Text}
  1591.  
  1592. {block:Title}
  1593. <div id="posttitle">{Title}</div>
  1594. {/block:Title}
  1595.  
  1596. {Body}
  1597.  
  1598. {block:More}
  1599. <a href="{Permalink}">Keep reading...</a>
  1600. {/block:More}
  1601.  
  1602. {block:ContentSource}
  1603. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1604. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1605. {/block:SourceLogo}
  1606. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1607. {/block:ContentSource}
  1608.  
  1609. {/block:Text}
  1610.  
  1611.  
  1612.  
  1613.  
  1614. {block:Photo}
  1615.  
  1616. <div id="piccy">
  1617. <center>
  1618. <img src="{PhotoURL-HighRes}">
  1619. </center>
  1620. </div>
  1621.  
  1622. {block:Caption}<div id="captions">
  1623. {Caption}</div>
  1624. {/block:Caption}
  1625.  
  1626. {block:ContentSource}
  1627. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1628. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1629. {/block:SourceLogo}
  1630. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1631. {/block:ContentSource}
  1632.  
  1633. {/block:Photo}
  1634.  
  1635.  
  1636.  
  1637.  
  1638. {block:Photoset}
  1639.  
  1640. <center>
  1641. {block:IndexPage}
  1642. {block:If400PixelPosts}
  1643. {Photoset-400}
  1644. {block:If400PixelPosts}
  1645. {block:If500PixelPosts}
  1646. {Photoset-500}
  1647. {block:If500PixelPosts}
  1648. {block:IndexPage}
  1649.  
  1650. {block:PermalinkPage}
  1651. {Photoset-500}
  1652. {block:PermalinkPage}
  1653.  
  1654. <div style="margin-bottom: -3px;"></div>
  1655. </center>
  1656.  
  1657. {block:Caption}<div id="captions">
  1658. {Caption}</div>
  1659. {/block:Caption}
  1660.  
  1661. {block:ContentSource}
  1662. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1663. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1664. {/block:SourceLogo}
  1665. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1666. {/block:ContentSource}
  1667.  
  1668. {/block:Photoset}
  1669.  
  1670.  
  1671.  
  1672.  
  1673. {block:Quote}
  1674.  
  1675. <div style="color: #FFF; font-size: 80px; line-height: 80px; float: left; font-family: helvetica; font-weight: bold;">
  1676. ‟</div>
  1677. <div style="font-size: 18px; line-height: 20px; margin-left: 45px; font-style: oblique; font-family: georgia; border-left: 3px solid #FFF; padding-left: 10px; padding-bottom: 5px; padding-top: 5px; color: #CCC; text-align: left; min-height: 45px;">
  1678. {Quote}
  1679. </div>
  1680. {block:Source}
  1681. <div style="text-align: right; margin-top: 10px;">— {Source}</div>
  1682. {/block:Source}
  1683.  
  1684. {/block:Quote}
  1685.  
  1686.  
  1687.  
  1688.  
  1689. {block:Link}
  1690.  
  1691. <div id="postlink"><a href="{URL}" {Target}>{Name} →</a></div>
  1692.  
  1693. {block:Description}
  1694. {Description}
  1695. {/block:Description}
  1696.  
  1697. {block:ContentSource}
  1698. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1699. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1700. {/block:SourceLogo}
  1701. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1702. {/block:ContentSource}
  1703.  
  1704. {/block:Link}
  1705.  
  1706.  
  1707.  
  1708.  
  1709. {block:Chat}
  1710.  
  1711. {block:Title}
  1712. <div style="font-size: 16px; line-height: 16px; color: #696969; text-align: left; padding-bottom: 5px;">
  1713. {Title}
  1714. </div>
  1715. {/block:Title}
  1716.  
  1717. <div class="lines">
  1718. {block:Lines}
  1719. <div class="line {Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}</div>
  1720. {/block:Lines}
  1721. </div>
  1722.  
  1723. {/block:Chat}
  1724.  
  1725.  
  1726.  
  1727.  
  1728. {block:Audio}
  1729.  
  1730. <div id="musicart">
  1731. {block:AlbumArt}
  1732. <img src="{AlbumArtURL}">
  1733. {/block:AlbumArt}
  1734. </div>
  1735.  
  1736. <div id="audioinfo">
  1737. {block:TrackName}<div id="audiotitle">{TrackName}</div>{/block:TrackName}
  1738. {block:Artist}<div id="audioartist">by {Artist}</div>{/block:Artist}
  1739. <div id="audiolast">{block:Album}from {Album}<br>{/block:Album}
  1740. {PlayCountWithLabel}
  1741. </div>
  1742. </div>
  1743.  
  1744. <div id="player"><div id="playerinside">{AudioPlayerWhite}
  1745. </div></div>
  1746.  
  1747. {block:Caption}<div id="captions">
  1748. {Caption}</div>
  1749. {/block:Caption}
  1750.  
  1751. {block:ContentSource}
  1752. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1753. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1754. {/block:SourceLogo}
  1755. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1756. {/block:ContentSource}
  1757.  
  1758. {/block:Audio}
  1759.  
  1760.  
  1761.  
  1762.  
  1763. {block:Video}
  1764.  
  1765. <center>
  1766. {block:IndexPage}
  1767. {block:If400PixelPosts}
  1768. {Video-400}
  1769. {block:If400PixelPosts}
  1770. {block:If500PixelPosts}
  1771. {Video-500}
  1772. {block:If500PixelPosts}
  1773. {block:IndexPage}
  1774.  
  1775. {block:PermalinkPage}
  1776. {Video-500}
  1777. {block:PermalinkPage}
  1778. <div style="margin-bottom: -3px;"></div>
  1779. </center>
  1780.  
  1781. {block:Caption}<div id="captions">
  1782. {Caption}</div>
  1783. {/block:Caption}
  1784.  
  1785. {block:ContentSource}
  1786. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1787. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1788. {/block:SourceLogo}
  1789. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1790. {/block:ContentSource}
  1791.  
  1792. {/block:Video}
  1793.  
  1794.  
  1795.  
  1796.  
  1797. {block:Answer}
  1798.  
  1799. <div id="asker">{Asker}:</div>
  1800. <div id="question">{Question}</div>
  1801.  
  1802. {block:Answerer}
  1803. <div id="answerer">{Answerer}:</div>
  1804. <div id="answer">{Answer}</div>
  1805. {/block:Answerer}
  1806.  
  1807. <div id="replies">{Replies}</div>
  1808.  
  1809. {/block:Answer}
  1810.  
  1811.  
  1812.  
  1813. </div>
  1814.  
  1815.  
  1816.  
  1817. {block:IndexPage}
  1818.  
  1819. <div id="bottom">
  1820.  
  1821. <div class="darling">
  1822.  
  1823. <a href="{ReblogURL}"><div class="cottonee" title="reblog this!"></div></a>
  1824.  
  1825. <div class="pikachu" title="like this!">
  1826. <div id="whimsicott"></div>
  1827. <div id="whimsicott2">{LikeButton color="gray" size="100"}</div>
  1828. </div>
  1829.  
  1830. </div>
  1831.  
  1832. <div id="perma">
  1833.  
  1834. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="via {ReblogParentName}"><img src="https://static.tumblr.com/m6lylkj/LeLn1o5pz/stop.png" style="opacity: 0.1;"></a>
  1835. <a href="{ReblogRootURL}" title="original by {ReblogRootName}"><img src="https://static.tumblr.com/m6lylkj/LeLn1o5pz/stop.png" style="opacity: 0.2;"></a>
  1836. {/block:RebloggedFrom}
  1837.  
  1838. {block:ContentSource}<a href="{SourceURL}" title="source"><img src="https://static.tumblr.com/m6lylkj/LeLn1o5pz/stop.png" style="opacity: 0.3;"></a>
  1839. {/block:ContentSource}
  1840.  
  1841. <a href="{Permalink}">permalink</a>
  1842.  
  1843. {block:HasTags}
  1844. <span title="{block:Tags}#{Tag} {/block:Tags}">tags</span>
  1845. {/block:HasTags}
  1846.  
  1847. </div>
  1848.  
  1849. </div>
  1850.  
  1851. {/block:IndexPage}
  1852.  
  1853.  
  1854.  
  1855. {block:PermalinkPage}
  1856. {block:Date}
  1857. <div id="bottomperma">
  1858.  
  1859. <div id="permaperma">
  1860.  
  1861. <ul>
  1862. <li>Posted on {ShortMonth} {DayOfMonth}, {Year} ( {TimeAgo} )</li>
  1863.  
  1864. <li>{NoteCountWithLabel}</li>
  1865.  
  1866. {block:RebloggedFrom}
  1867. <li>Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a></li>
  1868. <li>Original post by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1869. {/block:RebloggedFrom}{block:ContentSource} ( <a href="{SourceURL}">source</a> ){/block:ContentSource}</li>
  1870. {block:HasTags}<li>Tagged: {block:Tags}<a href="{TagURL}">#{Tag} </a> {/block:Tags}</li>{/block:HasTags}
  1871. </ul>
  1872.  
  1873. </div>
  1874.  
  1875. </div>
  1876.  
  1877. {block:PostNotes}
  1878. <div id="notes">
  1879. {PostNotes}
  1880. </div>
  1881. {/block:PostNotes}
  1882.  
  1883.  
  1884. {block:IfCustomFollowButtons}
  1885. <div id="followbts">
  1886.  
  1887. <div class="hearteu" title="like this!">
  1888. <div id="hearteu1"></div>
  1889. <div id="hearteu2">{LikeButton color="gray" size="100"}</div>
  1890. </div>
  1891.  
  1892. <a href="{ReblogURL}"><div class="cottonee2" title="reblog this!"></div></a>
  1893.  
  1894. <a href="https://tumblr.com/follow/{text:BlogURL}" title="follow!"><div id="followbts2"></div></a>
  1895.  
  1896. <a href="https://tumblr.com/send/{text:BlogURL}?redirect_to=http%3A%2F%2F{text:BlogURL}.tumblr.com%2F" title="send fanmail"><div id="followbts1"></div></a>
  1897.  
  1898. <a href="https://tumblr.com/" title="back to dash"><div id="followbts3"></div></a>
  1899.  
  1900. </div>
  1901. {/block:IfCustomFollowButtons}
  1902.  
  1903.  
  1904. {/block:Date}
  1905.  
  1906.  
  1907. {/block:PermalinkPage}
  1908.  
  1909.  
  1910. {/block:Posts}
  1911.  
  1912.  
  1913. {block:IndexPage}
  1914. <div id="pages">
  1915. {block:PreviousPage}
  1916. <a href="{PreviousPage}">backward</a>
  1917. {/block:PreviousPage}
  1918.  
  1919. {block:CurrentPage}
  1920. <div id="current">{PageNumber}</div>
  1921. {/block:CurrentPage}
  1922.  
  1923. {block:NextPage}
  1924. <a href="{NextPage}">forward</a>
  1925. {/block:NextPage}
  1926. </div>
  1927. {/block:IndexPage}
  1928.  
  1929.  
  1930. </div>
  1931.  
  1932. </div>
  1933.  
  1934.  
  1935. </body>
  1936.  
  1937.  
  1938. </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!