API tools faq
paste
Advertisement
feiinho

Did You Hear The Rain Theme

feiinho
Dec 9th, 2017
177
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.03 KB | None | 0 0
raw download clone embed print report diff
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <!-----------------------------------------------------------------------
  5.  
  6. *@felinumthemes*
  7.  
  8. Did You Hear The Rain @ aurorant
  9.  
  10.  
  11. — DO NOT delete the bottom right credit.
  12. — Do not copy or steal any code.
  13. — Do not claim as yours.
  14. — Full credits at @diamondthemes
  15.  
  16. ------------------------------------------------------------------------>
  17.  
  18. <head>
  19.  
  20. <!---------------------------------------------------------------------->
  21.  
  22. <title>{Title}</title>
  23.  
  24. <link rel="shortcut icon" href="{Favicon}">
  25.  
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27.  
  28. {block:Description}
  29. <meta name="description" content="{MetaDescription}"/>
  30. {/block:Description}
  31.  
  32. <!---------------------------------------------------------------------->
  33.  
  34. <meta name="color:Main Font Color" content="#aaaaaa"/>
  35. <meta name="color:Color 1" content="#accee1"/>
  36. <meta name="color:Color 2" content="#000000"/>
  37. <meta name="color:Title Color" content=""/>
  38. <meta name="color:Post Borders" content=""/>
  39. <meta name="color:Sidebar Links Hover" content=""/>
  40.  
  41. <meta name="if:Post Borders" content=""/>
  42. <meta name="if:Scroll To Top Button" content="1"/>
  43. <meta name="if:Loading Screen" content="1"/>
  44. <meta name="if:Credit Link" content="1"/>
  45.  
  46. <meta name="select:Photoset Gutter Size" content="3px"/>
  47. <meta name="select:Photoset Gutter Size" content="5px"/>
  48. <meta name="select:Photoset Gutter Size" content="7px"/>
  49.  
  50. <meta name="select:Title Font" content="'Dancing Script', cursive;" title="Dancing Script"/>
  51. <meta name="select:Title Font" content="'Open Sans Condensed', sans-serif;" title="Open Sans Condensed"/>
  52. <meta name="select:Title Font" content="'Raleway', sans-serif;" title="Raleway"/>
  53. <meta name="select:Title Font" content="'Bubbler One', sans-serif;" title="Bubbler One"/>
  54.  
  55. <meta name="select:Description Font" content="'Quicksand', sans-serif;" title="Quicksand"/>
  56. <meta name="select:Description Font" content="'Open Sans Condensed', sans-serif;" title="Open Sans Condensed"/>
  57. <meta name="select:Description Font" content="'Raleway', sans-serif;" title="Raleway"/>
  58.  
  59. <meta name="color:Quote Border Background" content="#fcf0e4"/>
  60. <meta name="color:Quote Border Text" content="#000000"/>
  61. <meta name="text:Quote Text" content="Your Text Goes Here"/>
  62.  
  63. <meta name="color:Border Left" content=""/>
  64. <meta name="color:Border Right" content=""/>
  65. <meta name="text:Border Left Width" content=""/>
  66. <meta name="text:Border Right Width" content=""/>
  67.  
  68. <meta name="text:Your Name" content="Name/Nickname"/>
  69.  
  70. <!---------------------------------------------------------------------->
  71.  
  72. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <!-- jQuery, you only need ONE of these libraries! -->
  73.  
  74. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script> <!-- Style My Tooltips-->
  75.  
  76. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script> <!--- Infinite Scroll--->
  77.  
  78. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script> <!--- Masonry --->
  79.  
  80. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script> <!-- Images Loaded -->
  81.  
  82. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script> <!-- PXU -->
  83.  
  84. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/> <!--- PXU Styling --->
  85.  
  86. <script src="//static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script> <!-- Unnest Caption -->
  87.  
  88. <script type="text/javascript" src="//static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script> <!--- To Top Button ---->
  89.  
  90. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> <!--Font Awesome Icons-->
  91.  
  92. <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Raleway|Bubbler+One|Dancing+Script|Quicksand" rel="stylesheet"> <!--- Custom Fonts --->
  93.  
  94.  
  95. <style type="text/css">
  96.  
  97. /*---------------------------- SIDEBAR ICON ---------------------------*/
  98.  
  99. #avatar {
  100. position:fixed;
  101. margin-top:160px;
  102. margin-left:94px;
  103. padding:4px;
  104. width:64.5px;
  105. height:64.5px;
  106. border-top:4px double {color:Color 1};
  107. border-left:4px double {color:Color 1};
  108. border-right:4px double {color:Color 1};
  109. border-bottom:4px double {color:Color 1};
  110. z-index:10;
  111. }
  112.  
  113.  
  114. /*---------------------------- SIDEBAR ICON ---------------------------*/
  115.  
  116. /*---------------------------- QUOTE BORDER ---------------------------*/
  117.  
  118. /*--
  119.  
  120. QUOTE BORDER by BRAVETHEMES
  121.  
  122. ◤ ◥
  123. don't be a lil bitch;
  124. keep the credits.
  125. ◣ ◢
  126.  
  127. - - - -
  128.  
  129. for html help go to:
  130. http://bravethemes.tumblr.com/
  131. http://htmlqueens.tumblr.com/
  132.  
  133. --*/
  134.  
  135. .qline{
  136. width:100%;
  137. top:0px;
  138. text-align:center; /* you can change this to left, right, center, justify */
  139. left:0px;
  140. z-index:999999;
  141. line-height:20px;
  142. height:20px; /* the height */
  143. padding:5px; /* the padding */
  144. background:{color:Quote Border Background}; /* background */
  145. color:{color:Quote Border Text}; /* font color */
  146. position:fixed;
  147. }
  148.  
  149. /*---------------------------- QUOTE BORDER ---------------------------*/
  150.  
  151. /*---------------------------- SIDE BORDERS ---------------------------*/
  152.  
  153. #left{position:fixed;left:0px;bottom:0;height:100%;width:{text:Border Left Width};background:{color:Border Left};z-index:6;}
  154. #right{position:fixed;right:0px;bottom:0;height:100%;width:{text:Border Right Width};background:{color:Border Right};z-index:6;}
  155.  
  156. /*---------------------------- SIDE BORDERS ---------------------------*/
  157.  
  158. /*------------------------------ SIDEBAR ------------------------------*/
  159.  
  160. /*---- General Sidebar ----*/
  161.  
  162. #sidebar{
  163. position:fixed;
  164. z-index:100;
  165. top:168px;
  166. left:12%;
  167. width:200px;
  168. text-align:center;
  169. margin-top:-5px;
  170. }
  171.  
  172. /*---- Blogtitle ----*/
  173.  
  174. #sb-blogtitle{
  175. font-family: {select:Title Font};
  176. font-size:19px;
  177. color:{color:Title Color};
  178. text-align:center;
  179. margin-top:-5px;
  180. margin-left:22px;
  181. position:absolute;
  182. width:auto;
  183. background-color:#fff;
  184. }
  185.  
  186. /*----- Description -----*/
  187.  
  188. #sb-description{
  189. margin:5px 0px 5px 0px;
  190. text-align:center;
  191. padding:10px;
  192. margin-bottom:-2px;
  193. color:#000;
  194. height:53px;
  195. border-top:4px double {color:Color 1};
  196. border-left:4px double{color:Color 1};
  197. border-right:4px double {color:Color 1};
  198. border-bottom:4px double {color:Color 1};
  199. font-family: {select:Description Font};
  200. }
  201.  
  202. /*----- Links -----*/
  203.  
  204. #sb-links{
  205. text-align:center;
  206. border-bottom:4px double {color:Color 1};
  207. margin-top:0px;
  208. margin-left:-90px;
  209. padding:2px;
  210. }
  211.  
  212. #tabs-n-links {
  213. margin-left:0px;
  214. display:inline-block;
  215. }
  216.  
  217. .tab-links, .links{
  218. display:inline-block;
  219. margin:5px 0px 0px 0px;
  220. padding:0px;
  221. }
  222.  
  223. .tab-links:after, .links:after {
  224. display:inline-block;
  225. clear:both;
  226. }
  227.  
  228. .tab-links li, .links li {
  229. display:inline-block;
  230. list-style:none;
  231. margin:0px 3px 0px 3px;
  232. width:20px;
  233. height:20px;
  234. background-color:#fff;
  235. }
  236.  
  237. .tab-links a, .links a {
  238. display:inline-block;
  239. width:20px;
  240. height:20px;
  241. -webkit-transition: all .9s ease;
  242. -moz-transition: all .9s ease;
  243. -o-transition: all .9s ease;
  244. -ms-transition: all .9s ease;
  245. transition: all .9s ease;
  246. }
  247.  
  248. .tab-links span, .links span{
  249. position:relative;
  250. width:20px;
  251. height:20px;
  252. font-size:10px;
  253. color:#000;
  254. display: flex;
  255. align-items: center;
  256. justify-content: center;
  257. }
  258.  
  259. .tab-links li:hover a, .links li:hover a{
  260. /*--background-color:{color:Color 2};--*/
  261. }
  262.  
  263. li.main-active a{
  264. -webkit-transition: all .9s ease;
  265. -moz-transition: all .9s ease;
  266. -o-transition: all .9s ease;
  267. -ms-transition: all .9s ease;
  268. transition: all .9s ease;
  269. }
  270.  
  271. li.main-active:hover a{
  272. /*--background-color:{color:Sidebar Links Hover};--*/
  273. -webkit-transition: all .9s ease;
  274. -moz-transition: all .9s ease;
  275. -o-transition: all .9s ease;
  276. -ms-transition: all .9s ease;
  277. transition: all .9s ease;
  278. }
  279.  
  280. /*------------------------------ SIDEBAR ------------------------------*/
  281.  
  282.  
  283. /*------------------------------ POSTS --------------------------------*/
  284.  
  285. #container{
  286. position:absolute;
  287. {block:IndexPage}
  288. top:30px;
  289. {/block:IndexPage}
  290. {block:PermalinkPage}
  291. top:40px;
  292. {/block:PermalinkPage}
  293. }
  294.  
  295. .entry{
  296. position:relative;
  297. margin:20px 0px 20px 0px;
  298. padding:6px;
  299. border:4px double {color:Post Borders};
  300. {block:IndexPage}
  301. width:250px;
  302. {/block:IndexPage}
  303. {block:PermalinkPage}
  304. width:500px;
  305. {/block:PermalinkPage}
  306. }
  307.  
  308. .thepost{
  309. {block:IndexPage}
  310. width:250px;
  311. {/block:IndexPage}
  312. {block:PermalinkPage}
  313. width:500px;
  314. {/block:PermalinkPage}
  315. }
  316.  
  317. .postcontents{
  318. position:relative;
  319. }
  320.  
  321. iframe, img, embed, object, video {
  322. max-width: 100%;
  323. }
  324.  
  325. /*---- Text Post ----*/
  326.  
  327. .tp-title, .cp-title{
  328. margin-bottom:3px;
  329. text-align:center;
  330. font-family:{select:Title Font};
  331. color:{color:Color 1};
  332. }
  333.  
  334. .tp-title{
  335. font-size:25px;
  336. }
  337.  
  338. .tp-body, .qp-body{
  339. padding:10px;
  340. }
  341.  
  342. /*---- Quote Post ----*/
  343.  
  344. .qp-body{
  345. text-align:left;
  346. }
  347.  
  348. .qp-source{
  349. text-align:right;
  350. font-size:9px;
  351. }
  352.  
  353. .short{
  354. font-size:18px;
  355. }
  356.  
  357. .medium{
  358. font-size:16px;
  359. }
  360.  
  361. .long{
  362. font-size:14px;
  363. }
  364.  
  365. /*---- Link Post ----*/
  366.  
  367. .p-link{
  368. display:block;
  369. padding:10px;
  370. background-color:{color:Color 1};
  371. font-family: {select:Title Font};
  372. font-size:15px;
  373. color:#ffffff;
  374. -webkit-transition: all .4s ease;
  375. -moz-transition: all .4s ease;
  376. -o-transition: all .4s ease;
  377. transition: all .4s ease;
  378. }
  379.  
  380. a.p-link:hover{
  381. background-color:{color:Color 2};
  382. }
  383.  
  384. .lp-desc{
  385. margin-top:3px;
  386. padding:5px;
  387. background-color:{color:Color 2};
  388. }
  389.  
  390.  
  391. .lp-desc p{
  392. margin:3px 5px 3px 5px;
  393. font-size:10px;
  394. color:#ffffff;
  395. }
  396.  
  397. /*---- Chat Posts ----*/
  398.  
  399. .cp-title{
  400. font-size:15px;
  401. }
  402.  
  403. .cp-body{
  404. font-size:10px;
  405. }
  406.  
  407. .odd, .even{
  408. margin-top:5px;
  409. margin-bottom:5px;
  410. padding:5px;
  411. border:1px solid #eeeeee;
  412. background-color:#ffffff;
  413. }
  414.  
  415. .odd chatter{
  416. color:{color:Color 2};
  417. }
  418.  
  419. .even chatter{
  420. color:{color:Color 1};
  421. }
  422.  
  423. /*---- Photo Post ----*/
  424.  
  425. #photopost{
  426. position:relative;
  427. overflow:hidden;
  428. }
  429.  
  430. .photohovereffect{
  431. position:absolute;
  432. top:0px;
  433. bottom:0px;
  434. left:0px;
  435. right:0px;
  436. opacity:0;
  437. background-color:#ffffff;
  438. -webkit-transition: all .4s ease;
  439. -moz-transition: all .4s ease;
  440. -o-transition: all .4s ease;
  441. transition: all .4s ease;
  442. }
  443.  
  444. .entry:hover .photohovereffect{
  445. opacity:0.5;
  446. }
  447.  
  448. /*--Photo Perma--*/
  449.  
  450. .p-permalinks{
  451. position:absolute;
  452. top:50%;
  453. left:50%;
  454. transform:translate(-50%,-50%);
  455. width:175px;
  456. opacity:0;
  457. text-align:center;
  458. -webkit-transition: all .4s ease;
  459. -moz-transition: all .4s ease;
  460. -o-transition: all .4s ease;
  461. transition: all .4s ease;
  462. transition-delay:0s;
  463. }
  464.  
  465. .entry:hover .p-permalinks{
  466. opacity:1;
  467. transition-delay:0.4s;
  468. }
  469.  
  470. a.photo-perma{
  471. display:inline-block;
  472. position:relative;
  473. margin:3px;
  474. width:40px;
  475. height:40px;
  476. overflow:hidden;
  477. font-size:35px;
  478. color:{color:Post Borders};
  479. padding:2px;
  480. background-color:#fff;
  481. border:2px solid {color:Post Borders};
  482. }
  483.  
  484. .photo-perma i{
  485. position:relative;
  486. width:40px;
  487. height:40px;
  488. display: flex;
  489. align-items: center;
  490. justify-content: center;
  491. -webkit-transition: all .4s ease;
  492. -moz-transition: all .4s ease;
  493. -o-transition: all .4s ease;
  494. }
  495.  
  496. .like .like_button {
  497. position:relative;
  498.  
  499. }
  500.  
  501. .like .like_button iframe {
  502. position:absolute;
  503. z-index:2;
  504. top:0px;
  505. bottom:0px;
  506. left:0px;
  507. right:0px;
  508. opacity:1;
  509. zoom:750%;
  510. }
  511.  
  512. /*--- Question Posts ---*/
  513.  
  514. .asked{
  515. position:relative;
  516. }
  517.  
  518. .asker-icon{
  519. position:absolute;
  520. top:6px;
  521. left:7px;
  522. width:50px;
  523. height:50px;
  524. }
  525.  
  526. .asker-icon img{
  527. width:50px;
  528. height:50px;
  529. }
  530.  
  531. .askerquestion{
  532. position:relative;
  533. margin-left:55px;
  534. height:40px;
  535. padding:5px;
  536. background-color:{color:Color 1};
  537. color:#ffffff;
  538. }
  539.  
  540. .askerquestion a{
  541. color:#ffffff;
  542. }
  543.  
  544. .answer-icon{
  545. position:absolute;
  546. right:0px;
  547. width:39px;
  548. height:38px;
  549. padding:2px;
  550. border-top:4px double {color:Color 1};
  551. border-left:4px double{color:Color 1};
  552. border-right:4px double {color:Color 1};
  553. border-bottom:4px double {color:Color 1};
  554. }
  555.  
  556. .answer-icon img{
  557. width:39px;
  558. height:39px;
  559. }
  560.  
  561. .theanswer{
  562. position:relative;
  563. margin-top:5px;
  564. }
  565.  
  566. .answered-q{
  567. padding:5px;
  568. border:1px solid {color:Color 2};
  569. background-color:#ffffff;
  570. }
  571.  
  572. /*---- Text Based Permas ----*/
  573.  
  574. #textperma{
  575. position:relative;
  576. margin:5px -3px 0px 0px;
  577. text-align:right;
  578. }
  579.  
  580. #textperma a perm{
  581. display:inline-block;
  582. margin-right:3px;
  583. width:20px;
  584. height:20px;
  585. background-color:{color:Color 1};
  586. text-align:center;
  587. font-size:10px;
  588. color:#ffffff;
  589. -webkit-transition: all .4s ease;
  590. -moz-transition: all .4s ease;
  591. -o-transition: all .4s ease;
  592. transition: all .4s ease;
  593. }
  594.  
  595. #textperma a:hover perm{
  596. background-color:{color:Color 2};
  597. }
  598.  
  599. #textperma i{
  600. width:20px;
  601. height:20px;
  602. display: flex;
  603. align-items: center;
  604. justify-content: center;
  605. -webkit-transition: all .4s ease;
  606. -moz-transition: all .4s ease;
  607. -o-transition: all .4s ease;
  608. transition: all .4s ease;
  609. }
  610.  
  611.  
  612. /*----Like Button Style----*/
  613.  
  614. #textperma .like .like_button iframe {
  615. position:absolute;
  616. z-index:2;
  617. top:0px;
  618. bottom:0px;
  619. left:0px;
  620. right:0px;
  621. opacity:0;
  622. }
  623.  
  624. /*----------------------PERMALINK PAGE---------------------*/
  625.  
  626. .thepostinfo{
  627. margin:10px 0px 10px 0px;
  628. max-height:300px;
  629. overflow:auto;
  630. padding:10px;
  631. background-color:{color:Color 2};
  632. }
  633.  
  634.  
  635. /*SCROLLBARS SPECIFICALLY FOR CAPTIONS*/
  636. .thepostinfo::-webkit-scrollbar {
  637. width: 5px;
  638. }
  639.  
  640. .thepostinfo::-webkit-scrollbar-track {
  641. background-color:{color:Color 2};
  642. }
  643.  
  644. .thepostinfo::-webkit-scrollbar-thumb {
  645. border-top:2px solid {color:Color 2};
  646. border-bottom:2px solid {color:Color 2};
  647. border-left:2px solid {color:Color 2};
  648. border-right:2px solid {color:Color 2};
  649. background-color:#ffffff;
  650. }
  651.  
  652. .postinfo{
  653. margin:2px 0px 2px 0px;
  654. padding:5px;
  655. background-color:#ffffff;
  656. }
  657.  
  658. .posttag{
  659. display:inline-block;
  660. margin:5px;
  661. padding:3px;
  662. background-color:{color:Color 2};
  663. font-size:10px;
  664. color:#ffffff;
  665. -webkit-transition: all .4s ease;
  666. -moz-transition: all .4s ease;
  667. -o-transition: all .4s ease;
  668. transition: all .4s ease;
  669. }
  670.  
  671. .posttag:hover{
  672. background-color:{color:Color 2};
  673. }
  674.  
  675.  
  676. ol.notes{
  677. margin:10px 0px 0px 0px;
  678. max-height:200px;
  679. overflow:auto;
  680. padding:0px;
  681. border:1px solid {color:Color 2};
  682. background-color:#ffffff;
  683. list-style-type:none;
  684. }
  685.  
  686. /*NOTES SPECIFIC SCROLLBARS*/
  687.  
  688. ol.notes::-webkit-scrollbar {
  689. width: 5px;
  690. }
  691.  
  692. ol.notes::-webkit-scrollbar-track {
  693. background-color:#ffffff;
  694. }
  695.  
  696. ol.notes::-webkit-scrollbar-thumb {
  697. border-top:5px solid #ffffff;
  698. border-bottom:5px solid #ffffff;
  699. border-left:2px solid #ffffff;
  700. border-right:2px solid #ffffff;
  701. background-color:{color:Color 1};
  702. }
  703.  
  704. ol.notes li{
  705. position:relative;
  706. margin-top:-1px;
  707. padding:10px 25px 10px 10px;
  708. border-top:1px solid {color:Color 2};
  709. }
  710.  
  711. ol.notes blockquote{
  712. display:inline-block;
  713. font-size:11px;
  714. }
  715.  
  716.  
  717. ol.notes img{
  718. position:absolute;
  719. top:5px;
  720. right:5px;
  721. width:15px;
  722. height:15px;
  723. }
  724.  
  725. .caption{
  726. padding:10px;
  727. background-color:#ffffff;
  728. color:#000;
  729. }
  730.  
  731. .caption a{
  732. color:{color:Color 2};
  733. }
  734.  
  735. .caption b{
  736. color:{color:Color 1};
  737. }
  738.  
  739. .caption h2{
  740. text-align:left;
  741. color:{color:Color 2};
  742. }
  743.  
  744. .tumblr_parent {
  745. margin:0px 0px 5px 0px;
  746. }
  747.  
  748. .tumblr_avatar{
  749. display:none;
  750. }
  751.  
  752. /*------------------------------ POSTS --------------------------------*/
  753.  
  754.  
  755. /*------------------------- LOADING SCREEN ----------------------------*/
  756. #loading {
  757. position:fixed;
  758. top:0px;
  759. bottom:0px;
  760. left:0px;
  761. right:0px;
  762. z-index: 99999999999999999999999999999999999999999;
  763. background-color:#ffffff;
  764. }
  765.  
  766. #loadmessage{
  767. position:fixed;
  768. top:50%;
  769. left:50%;
  770. transform:translate(-50%,-50%);
  771. font-family: {select:Title Font};
  772. font-size:50px;
  773. color:{color:Color 1};
  774. }
  775. /*---------------------------------------------------------------------*/
  776.  
  777.  
  778. /*------------------------------ BASICS -------------------------------*/
  779.  
  780. .tab-content-posts{ /*The main container of the entire blog*/
  781. position:absolute;
  782. top:20px;
  783. left:52%;
  784. transform:translateX(-50%);
  785. width:540px;
  786. }
  787.  
  788. .tab-content{
  789. position:fixed;
  790. top:20px;
  791. left:52%;
  792. transform:translateX(-50%);
  793. width:540px;
  794. }
  795.  
  796. .main-tab {
  797. display:none;
  798. }
  799.  
  800. .main-tab.active {
  801. display:block;
  802. }
  803.  
  804.  
  805. #infscr-loading {
  806. display: none !important;
  807. }
  808.  
  809. #scrollToTop:link,
  810. #scrollToTop:visited {
  811. display:none;
  812. position:fixed;
  813. bottom:15px;
  814. left:25px;
  815. font-size:25px;
  816. color:{color:Color 2};
  817. }
  818.  
  819. #s-m-t-tooltip {
  820. margin:15px 0px 0px 10px;
  821. padding:5px;
  822. background-color:{color:Color 2};
  823. font-size:10px;
  824. text-align:center;
  825. color:#ffffff;
  826. z-index:99999999999999999999999999999999999;
  827. }
  828.  
  829. ::-moz-selection { /* Code for Firefox */
  830. color: #ffffff;
  831. background: {color:Color 1};
  832. }
  833.  
  834. ::selection {
  835. color: #ffffff;
  836. background: {color:Color 1};
  837. }
  838.  
  839. body{
  840. background-color:#ffffff;
  841. text-align:justify;
  842. font-family: {select:Description Font};
  843. font-size:11px;
  844. color:{color:Main Font Color};
  845. }
  846.  
  847. body::-webkit-scrollbar {
  848. width: 11px;
  849. }
  850.  
  851. body::-webkit-scrollbar-track {
  852. background-color:#ffffff;
  853. }
  854.  
  855. body::-webkit-scrollbar-thumb {
  856. border-top:15px solid #ffffff;
  857. border-bottom:15px solid #ffffff;
  858. border-left:5px solid #ffffff;
  859. border-right:5px solid #ffffff;
  860. background-color:#eeeeee;
  861. }
  862.  
  863. blockquote{
  864. margin:0px;
  865. }
  866.  
  867. img{
  868. vertical-align:middle;
  869. }
  870.  
  871. hr{
  872. margin:5px 0px 5px 0px;
  873. height:1px;
  874. border:none;
  875. background-color:#cccccc;
  876. }
  877.  
  878. h1{
  879. margin:0px 0px 5px 0px;
  880. font-family: {select:Title Font};
  881. font-size:20px;
  882. color:{color:Color 1};
  883. }
  884.  
  885. h2{
  886. font-family: {select:Title Font};
  887. font-size:15px;
  888. }
  889.  
  890. p{
  891. margin:5px 0px 5px 0px;
  892. text-align:justify;
  893. font-family: {select:Description Font};
  894. font-size:11px;
  895. }
  896.  
  897. ol{
  898. text-align:left;
  899. font-family: {select:Description Font};
  900. font-size:11px;
  901. }
  902.  
  903. ul{
  904. text-align:left;
  905. font-family: {select:Description Font};
  906. font-size:11px;
  907. }
  908.  
  909. a{
  910. text-decoration:none;
  911. color:{color:Color 1};
  912. }
  913.  
  914. .tmblr-iframe{
  915. position:fixed;
  916. margin-top:3px;
  917. margin-right:0px;
  918. z-index:1000000000000000000000000000000000000000000000000 !important;
  919. -webkit-filter: invert(50%);
  920. }
  921.  
  922. /*------------------------------ BASICS -------------------------------*/
  923.  
  924. </style>
  925.  
  926. </head>
  927.  
  928.  
  929. <body>
  930.  
  931.  
  932. <!------------------------------ BORDERS ------------------------------->
  933.  
  934. <div id="right"></div>
  935. <div id="left"></div>
  936.  
  937. <!------------------------------ BORDERS ------------------------------->
  938.  
  939. <!---------------------------- SIDEBAR ICON ---------------------------->
  940. <div id="avatar"><img src="http://68.media.tumblr.com/3078c1d9be1df3015be03e2250854de2/tumblr_ohkg0jTsMf1v3vb5wo4_1280.jpg"></div> <!--you have to change this manually-->
  941. <!---------------------------- SIDEBAR ICON ---------------------------->
  942.  
  943. <!------------------------------ SIDEBAR ------------------------------->
  944. <div id="sidebar">
  945.  
  946. <!--------------------------->
  947. <a href="/">
  948. <div id="sb-blogtitle"><div class="blogtitle">{Title}</div></div>
  949. </a>
  950. <!--------------------------->
  951. <div id="sb-description">{Description}</div>
  952. <!--------------------------->
  953. <div id="sb-links">
  954.  
  955. <div id="tabs-n-links">
  956. <ul class="tab-links">
  957. <li class="main-active"><a href="/" title="Refresh"><span><i class="fa fa-home" aria-hidden="true"></i></span></a></li>
  958.  
  959. <li><a href="/ask" title="Ask"><span><i class="fa fa-paper-plane" aria-hidden="true"></i></span></a></li>
  960.  
  961. <li><a href="/" title="About"><span><i class="fa fa-user" aria-hidden="true"></i></a></li>
  962.  
  963. <li><a href="/archive" title="Archive"><span><i class="fa fa-bookmark" aria-hidden="true"></i></span></a></li>
  964.  
  965. {block:ifCreditLink}
  966. <li><a href="http://diamondthemes.tumblr.com" title="Theme"><span><i class="fa fa-diamond" aria-hidden="true"></i></span></a>
  967. {block:ifCreditLink}
  968.  
  969. </ul>
  970. </div>
  971.  
  972. <!---- I separated the tab links from the regular links as regular links seem to screw up in the ul for tabs ----->
  973.  
  974.  
  975.  
  976. </div>
  977. <!--------------------------->
  978. </div>
  979. <!------------------------------ SIDEBAR ------------------------------->
  980.  
  981.  
  982.  
  983. <!---------------------------------------------------------------------->
  984. <div id="tabs-n-links"><!-- Start Of Tabs -->
  985.  
  986. <!----------------------------- TAB 1 -------------------------------->
  987. <div id="blog-page1" class="tab main-active"><div class="tab-content-posts">
  988. <div id="container">
  989. {block:Posts}
  990. <div class="entry">
  991. <!-------------------------------------------------------------------->
  992. <div class="thepost {PostType}">
  993. <!----------------------------------------------------->
  994. {block:Text}
  995. <div class="post text">
  996. {block:Title}<div class="tp-title">{Title}</div>{/block:Title}
  997. <div class="tp-body">{Body}</div>
  998. <!----------------------->
  999. {block:IndexPage}
  1000. <div id="textperma">
  1001.  
  1002. <a href="{ReblogURL}" title="steal this lit post" target="blank"><perm><i class="fa fa-retweet"></i></perm></a>
  1003.  
  1004. <a href="#" title="give it some love" class="like"><likebutton><perm>{LikeButton}
  1005. <i class="fa fa-heart-o"></i>
  1006. </perm></likebutton></a>
  1007.  
  1008. <a href="{Permalink}" title="{TimeAgo} with {NoteCountWithLabel}"><perm><i class="fa fa-clock-o" aria-hidden="true"></i></perm></a>
  1009. </div>
  1010. {/block:IndexPage}
  1011. <!----------------------->
  1012. </div>
  1013. {/block:Text}
  1014. <!----------------------------------------------------->
  1015.  
  1016.  
  1017. <!----------------------------------------------------->
  1018. {block:Quote}
  1019. <div class="post quote {Length}">
  1020. <div class="qp-body">
  1021. ❝ {Quote} ❞
  1022. {block:Source}<div class="qp-source">- {Source}</div>{/block:Source}
  1023. </div>
  1024. <!----------------------->
  1025. {block:IndexPage}
  1026. <div id="textperma">
  1027. <a href="{ReblogURL}" title="steal this lit post" target="blank"><perm><i class="fa fa-retweet"></i></perm></a>
  1028.  
  1029. <a href="#" title="give it some love" class="like"><likebutton><perm>{LikeButton}
  1030. <i class="fa fa-heart-o"></i>
  1031. </perm></likebutton></a>
  1032.  
  1033. <a href="{Permalink}" title="{TimeAgo} with {NoteCountWithLabel}"><perm><i class="fa fa-clock-o" aria-hidden="true"></i></perm></a>
  1034. </div>
  1035. {/block:IndexPage}
  1036. <!----------------------->
  1037. </div>
  1038. {/block:Quote}
  1039. <!----------------------------------------------------->
  1040.  
  1041.  
  1042. <!----------------------------------------------------->
  1043. {block:Link}
  1044. <div class="post link">
  1045. <div class="lp-bg">
  1046. <a href="{URL}" class="p-link {Target}" target="blank">{Name}</a>
  1047.  
  1048. <div class="lp-desc">
  1049. {block:Description}{Description}{/block:Description}
  1050. </div>
  1051. </div>
  1052. <!----------------------->
  1053. {block:IndexPage}
  1054. <div id="textperma">
  1055. <a href="{ReblogURL}" title="steal this lit post" target="blank"><perm><i class="fa fa-retweet"></i></perm></a>
  1056.  
  1057. <a href="#" title="give it some love" class="like"><likebutton><perm>{LikeButton}
  1058. <i class="fa fa-heart-o"></i>
  1059. </perm></likebutton></a>
  1060.  
  1061. <a href="{Permalink}" title="{TimeAgo} with {NoteCountWithLabel}"><perm><i class="fa fa-clock-o" aria-hidden="true"></i></perm></a>
  1062. </div>
  1063. {/block:IndexPage}
  1064. <!----------------------->
  1065. </div>
  1066. {/block:Link}
  1067. <!----------------------------------------------------->
  1068.  
  1069.  
  1070. <!----------------------------------------------------->
  1071. {block:Chat}
  1072. <div class="post chat">
  1073. {block:Title}<div class="cp-title">{Title}</div>{/block:Title}
  1074.  
  1075. <div class="cp-body">
  1076. {block:Lines}
  1077. <div class="{Alt} user_{UserNumber}">
  1078. {block:Label}<chatter>{Label}</chatter>{/block:Label}
  1079. {Line}
  1080. </div>
  1081. {/block:Lines}
  1082. </div>
  1083.  
  1084. <!----------------------->
  1085. {block:IndexPage}
  1086. <div id="textperma">
  1087. <a href="{ReblogURL}" title="steal this lit post" target="blank"><perm><i class="fa fa-retweet"></i></perm></a>
  1088.  
  1089. <a href="#" title="give it some love" class="like"><likebutton><perm>{LikeButton}
  1090. <i class="fa fa-heart-o"></i>
  1091. </perm></likebutton></a>
  1092.  
  1093. <a href="{Permalink}" title="{TimeAgo} with {NoteCountWithLabel}"><perm><i class="fa fa-clock-o" aria-hidden="true"></i></perm></a>
  1094. </div>
  1095. {/block:IndexPage}
  1096. <!----------------------->
  1097. </div>
  1098. {/block:Chat}
  1099. <!----------------------------------------------------->
  1100.  
  1101.  
  1102. <!----------------------------------------------------->
  1103. {block:Video}
  1104. <div class="post video">
  1105. {block:IndexPage}{Video-250}{/block:IndexPage}
  1106. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  1107. </div>
  1108. <!----------------------->
  1109. {block:IndexPage}
  1110. <div id="textperma">
  1111. <a href="{ReblogURL}" title="steal this lit post" target="blank"><perm><i class="fa fa-retweet"></i></perm></a>
  1112.  
  1113. <a href="#" title="give it some love" class="like"><likebutton><perm>{LikeButton}
  1114. <i class="fa fa-heart-o"></i>
  1115. </perm></likebutton></a>
  1116.  
  1117. <a href="{Permalink}" title="{TimeAgo} with {NoteCountWithLabel}"><perm><i class="fa fa-clock-o" aria-hidden="true"></i></perm></a>
  1118. </div>
  1119. {/block:IndexPage}
  1120. <!----------------------->
  1121. {block:Video}
  1122. <!----------------------------------------------------->
  1123.  
  1124.  
  1125.  
  1126. <!----------------------------------------------------->
  1127. {block:Audio}
  1128. <div class="post audio">
  1129. {block:AudioEmbed}
  1130. {block:IndexPage}{block:AudioEmbed-250}{/block:IndexPage}
  1131. {block:PermalinkPage}{AudioEmbed-500}{/block:PermalinkPage}
  1132. {/block:AudioEmbed}
  1133.  
  1134. {block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}
  1135. </div>
  1136. {/block:Audio}
  1137. <!----------------------------------------------------->
  1138.  
  1139.  
  1140. <!----------------------------------------------------->
  1141. {block:Photoset}
  1142. <div class="post photoset">
  1143.  
  1144. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1145. {block:Photos}
  1146. <div class="photo-data"><div class="pxu-photo">
  1147. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  1148. </div>
  1149. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  1150. </div>
  1151. {/block:Photos}
  1152. </div>
  1153. <!----------------------->
  1154. {block:IndexPage}
  1155. <div id="textperma">
  1156. <a href="{ReblogURL}" title="steal this lit post" target="blank"><perm><i class="fa fa-retweet"></i></perm></a>
  1157.  
  1158. <a href="#" title="give it some love" class="like"><likebutton><perm>{LikeButton}
  1159. <i class="fa fa-heart-o"></i>
  1160. </perm></likebutton></a>
  1161.  
  1162. <a href="{Permalink}" title="{TimeAgo} with {NoteCountWithLabel}"><perm><i class="fa fa-clock-o" aria-hidden="true"></i></perm></a>
  1163. </div>
  1164. {/block:IndexPage}
  1165. <!----------------------->
  1166. </div>
  1167. {/block:Photoset}
  1168. <!----------------------------------------------------->
  1169.  
  1170.  
  1171. <!----------------------------------------------------->
  1172. {block:Photo}
  1173. <div class="post photo">
  1174. <div id="photopost">
  1175. <div class="thephoto">
  1176. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  1177. </div>
  1178. <!---------------------------------->
  1179. {block:IndexPage}
  1180. <div class="photohovereffect"></div>
  1181. <div class="p-permalinks">
  1182. <a href="{ReblogURL}" title="steal this lit post" class="photo-perma"><i class="fa fa-retweet"></i></a>
  1183.  
  1184. <a href="{Permalink}" title="{TimeAgo} with {NoteCountWithLabel}" class="photo-perma"><i class="fa fa-clock-o" aria-hidden="true"></i></a>
  1185.  
  1186. <a href="#" title="give it some love" class="photo-perma like"><likebutton>{LikeButton}<i class="fa fa-heart-o"></i></likebutton></a>
  1187. </div>
  1188. {/block:IndexPage}
  1189. <!---------------------------------->
  1190. </div>
  1191. </div>
  1192. {/block:Photo}
  1193. <!----------------------------------------------------->
  1194.  
  1195.  
  1196. <!----------------------------------------------------->
  1197. {block:Answer}
  1198. <div class="post answer">
  1199.  
  1200. <div class="thequestion">
  1201. <div class="asker-icon"><img src="{AskerPortraitURL-96}"></div>
  1202. <div class="askerquestion">
  1203. {Asker} asked: {Question}
  1204. </div>
  1205. </div>
  1206.  
  1207. {block:NotReblog}
  1208. <div class="theanswer">
  1209. <div class="answer-icon"><img src="http://68.media.tumblr.com/3078c1d9be1df3015be03e2250854de2/tumblr_ohkg0jTsMf1v3vb5wo4_1280.jpg"></div> <!--this is the icon by your answer: needs to be changed manually-->
  1210. <div class="answered-q">
  1211. {text:Your Name} replied:
  1212. {Answer}
  1213. </div>
  1214. </div>
  1215. {/block:NotReblog}
  1216.  
  1217.  
  1218. {block:IndexPage}
  1219. <div id="textperma">
  1220. <a href="{ReblogURL}" title="steal this lit post" target="blank"><perm><i class="fa fa-retweet"></i></perm></a>
  1221.  
  1222. <a href="#" title="give it some love" class="like"><likebutton><perm>{LikeButton}
  1223. <i class="fa fa-heart-o"></i>
  1224. </perm></likebutton></a>
  1225.  
  1226. <a href="{Permalink}" title="{TimeAgo} with {NoteCountWithLabel}"><perm><i class="fa fa-clock-o" aria-hidden="true"></i></perm></a>
  1227. </div>
  1228. {/block:IndexPage}
  1229. <!----------------------->
  1230. </div>
  1231. {/block:Answer}
  1232. <!----------------------------------------------------->
  1233. </div>
  1234. {block:PermalinkPage}
  1235. <div class="thepostinfo">
  1236. <div class="postinfo">
  1237. <span><i class="pe-7s-date"></i></span>
  1238. <info>{Month} {DayOfMonth}, {Year}</info>
  1239. </div>
  1240.  
  1241. {block:RebloggedFrom}
  1242. <a href="{ReblogParentURL}" target="blank"><div class="postinfo">
  1243. Reblogged from : {ReblogParentName}
  1244. </div></a>
  1245. {/block:RebloggedFrom}
  1246.  
  1247. {block:ContentSource}
  1248. <a href="{SourceURL}" target="blank"><div class="postinfo">
  1249. Source : {SourceTitle}
  1250. </div></a>
  1251. {block:ContentSource}
  1252.  
  1253. <div class="postinfo">
  1254. {NoteCountWithLabel}
  1255. </div>
  1256.  
  1257. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1258.  
  1259.  
  1260. {block:HasTags}
  1261. <div class="postinfo">
  1262. <span><i class="pe-7s-ticket"></i></span>
  1263. <info>Tags</info>
  1264. </div>
  1265.  
  1266. {block:Tags}
  1267. <a hreg="{TagURL}" class="posttag">{Tag}</a>
  1268. {/block:Tags}
  1269. {/block:HasTags}
  1270. </div>
  1271.  
  1272. {block:PostNotes}
  1273. {PostNotes-64}
  1274. {/block:PostNotes}
  1275.  
  1276. {/block:PermalinkPage}
  1277. </div>
  1278. {/block:Posts}
  1279. </div>
  1280. </div></div>
  1281. <!----------------------------- TAB 1 -------------------------------->
  1282.  
  1283.  
  1284.  
  1285.  
  1286.  
  1287. <!----------------------------- TAB 2 -------------------------------->
  1288. <div id="blog-page2" class="main-tab"><div class="tab-content">
  1289. <!---------------------------------------------------------------------->
  1290. <div id="ask">
  1291. <!------------------------------Ask Form-------------------------------->
  1292. <iframe frameborder="0" scrolling="yes" width="100%" height="190" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
  1293. <!---------------------------------------------------------------------->
  1294. </div>
  1295. </div></div>
  1296. <!----------------------------- TAB 2 -------------------------------->
  1297.  
  1298. </div><!-- END OF TABS -->
  1299. <!---------------------------------------------------------------------->
  1300.  
  1301.  
  1302. <!---------------------------- LOADING SCREEN -------------------------->
  1303.  
  1304. {block:ifLoadingScreen}
  1305. <div id="loading">
  1306. <div id="loadmessage">Loading . . . </div>
  1307. </div>
  1308. {/block:ifLoadingScreen}
  1309. <!---------------------------------------------------------------------->
  1310.  
  1311. {block:ifScrollToTopButton}
  1312. <a href="javascript:;" id="scrollToTop" rel="nofollow" title="Back To Top"><i class="fa fa-arrow-up"></i></a>
  1313. {/block:ifScrollToTopButton}
  1314.  
  1315. <!-------------------- PAGINATION - DON'T REMOVE ----------------------->
  1316. {block:Pagination}
  1317. <div class="pagination" style="visibility:hidden;">
  1318. {block:NextPage}
  1319. <a href="{NextPage}" id="next">Next</a>
  1320. {/block:NextPage}
  1321. </div>
  1322. {/block:Pagination}
  1323.  
  1324. <!------------ Functionality [BE CAREFUL, EASY TO MESS UP] ------------->
  1325. <script>
  1326. $(function(){
  1327.  
  1328. // ------------------------- LOADING SCREEN ----------------------------
  1329.  
  1330. {block:ifLoadingScreen}
  1331. $(window).load(function () {
  1332. setTimeout(function() {
  1333. $("#loading").fadeOut("slow");
  1334. }, 6600);
  1335. });
  1336. {/block:ifLoadingScreen}
  1337.  
  1338. // ------------------------- Style My Tooltips -------------------------
  1339.  
  1340. (function($){
  1341. $(document).ready(function(){
  1342. $("a[title]").style_my_tooltips({
  1343. tip_follows_cursor:true,
  1344. tip_delay_time:90,
  1345. tip_fade_speed:600,
  1346. attribute:"title"
  1347. });
  1348. });
  1349. })(jQuery);
  1350.  
  1351.  
  1352. // ----------------- All-In-One by NeonBike Themes ---------------------
  1353.  
  1354. $(document).ready(function() {
  1355. $('#tabs-n-links .tab-links a').on('click', function(e) {
  1356. var currentAttrValue = $(this).attr('href');
  1357.  
  1358. // Show/Hide Tabs
  1359. $('#tabs-n-links ' + currentAttrValue).fadeIn(900).siblings().hide();
  1360.  
  1361. // Change/remove current tab to active
  1362. $(this).parent('li').addClass('main-active').siblings().removeClass('main-active');
  1363.  
  1364. e.preventDefault();
  1365. });
  1366. });
  1367.  
  1368. $(document).ready(function() {
  1369. $('#filterOptions li a').click(function() {
  1370. // fetch the class of the clicked item
  1371. var ourClass = $(this).attr('class');
  1372.  
  1373. // reset the active class on all the buttons
  1374. $('#filterOptions li').removeClass('main-active');
  1375. // update the active state on our clicked button
  1376. $(this).parent().addClass('main-active');
  1377.  
  1378. if(ourClass == 'all') {
  1379. // show all our items
  1380. $('#ourHolder').children('div.item').show();
  1381. }
  1382. else {
  1383. // hide all elements that don't share ourClass
  1384. $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
  1385. // show all elements that do share ourClass
  1386. $('#ourHolder').children('div.' + ourClass).show();
  1387. }
  1388. return false;
  1389. });
  1390. });
  1391.  
  1392. // ----------------------- Unnest by NEO --------------------------------
  1393.  
  1394. $('.entry').unnest({ //posts themselves
  1395. yourCaption: ".caption", //caption div
  1396. wrapName: ".tumblr_parent", //unnested captions
  1397. newCaptionUsername: true, //add username
  1398. originalPostCaptionUsername: true, //adds username regardless
  1399. tumblrAvatars: true, // user avatars
  1400. tumblrAvatarClass: ".tumblr_avatar", // avatar class
  1401. usernameColon: false
  1402. });
  1403.  
  1404. //---------------------------- PXU Photosets ----------------------------
  1405.  
  1406. $('.photo-slideshow').pxuPhotoset({
  1407. lightbox: false,
  1408. rounded: false,
  1409. gutter: '{select:Photoset Gutter Size}',
  1410. photoset: '.photo-slideshow',
  1411. photoWrap: '.photo-data',
  1412. photo: '.pxu-photo'
  1413. });
  1414.  
  1415. });
  1416.  
  1417. // -------------------------- Infinite Scroll ---------------------------
  1418.  
  1419. {block:IndexPage}
  1420. (function () {
  1421. var $blogcontent = $('#container'); //posts container
  1422. $blogcontent.imagesLoaded(function () {
  1423. $blogcontent.masonry({
  1424. itemSelector: '.entry', //posts themselves
  1425. isAnimated:false,
  1426. columnWidth:250,
  1427. gutterWidth:40,
  1428. });
  1429. });
  1430. $blogcontent.infinitescroll({
  1431. navSelector : "div.pagination", //pagination div
  1432. nextSelector : ".pagination a#next", //pagination next
  1433. itemSelector : ".entry",
  1434. loading: {
  1435. finishedMsg: "<p>You have reached the end of the internet. Now go outside and get some fresh air.</p>", // if you scroll that far
  1436. msg: null,
  1437. msgText: "",
  1438. },
  1439. },
  1440.  
  1441. function( newElements ) {
  1442. var $newElems = $( newElements );
  1443. $newElems.find('.photo-slideshow').pxuPhotoset({ //pxu callback
  1444. lightbox: false,
  1445. rounded: false,
  1446. gutter: '3px',
  1447. photoset: '.photo-slideshow',
  1448. photoWrap: '.photo-data',
  1449. photo: '.pxu-photo'
  1450. },
  1451.  
  1452. function(){
  1453. $blogcontent.masonry({
  1454. itemSelector: '.entry',
  1455. columnWidth:250,
  1456. gutterWidth:40,
  1457. });
  1458. });
  1459. var $newElems = $(newElements).css({
  1460. opacity: 0,
  1461. zIndex: -1,
  1462. });
  1463. $newElems.imagesLoaded(function(){
  1464. $newElems.animate({ opacity: 1, zIndex: 1 });
  1465. $blogcontent.masonry( 'appended', $newElems );
  1466. });
  1467.  
  1468. });
  1469. })();
  1470. {/block:IndexPage}
  1471. </script>
  1472. <!---------------------------------------------------------------------->
  1473.  
  1474. <div class="qline">{text:quote text}</div>
  1475.  
  1476. <!--DO NOT REMOVE-->
  1477. <div style="bottom:15px;right:30px;position:fixed;font-size:18px;"><a href="http://diamondthemes.tumblr.com/"><img title="diamondthemes" style="width:26px; height:26px" src="http://data.whicdn.com/images/73645613/original.png"/></a></div>
  1478. <!--DO NOT REMOVE-->
  1479. </body>
  1480.  
  1481.  
  1482. </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!