API tools faq
paste
Advertisement
tudotemseuvalor

vertical v1 new

tudotemseuvalor
Apr 6th, 2013
62
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 67.81 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2.  
  3.  
  4. <!--
  5.  
  6. ||||||
  7. || ||
  8. ||||| ==| || || || // |||||| \\ //
  9. || __ |== //|| || || ||// || || \\ //
  10. ||||| -- ||\\ // || || || |||||| |||||| \\//
  11. || || \\ // || || || || || || //
  12. ||||| || \\// || |||||| || || |||||| //
  13. //
  14. //
  15. " Theme By: s-m0key.tumblr.com
  16. Name: -- Vertical V1--
  17. Year: 2012 "
  18.  
  19. -->
  20. <head>
  21.  
  22.  
  23. <title>{Title}</title>
  24.  
  25.  
  26.  
  27. <link rel="shortcut icon" href="{Favicon}">
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  29. {block:Description}
  30. <meta name="description" content="{MetaDescription}" />
  31. {/block:Description}
  32.  
  33.  
  34.  
  35. <!-- COLORS -->
  36. <meta name="color:Background" content="#DCDCDC"/>
  37. <meta name="color:Background Permalink Reblog" content="#DCDCDC"/>
  38. <meta name="color:Border" content="#DCDCDC"/>
  39. <meta name="color:Description" content="#DCDCDC"/>
  40. <meta name="color:Text" content="#000"/>
  41. <meta name="color:Link" content="#666"/>
  42. <meta name="color:Links Header" content="#666"/>
  43. <meta name="color:Links Header Hover" content="#000"/>
  44. <meta name="color:Posts" content="#000"/>
  45. <meta name="color:Shadow Posts" content="#000"/>
  46. <meta name="color:Scroll Bar" content="#000"/>
  47. <meta name="color:Title" content="#5e5e5e"/>
  48. <meta name="color:Title Hover" content="#ffffff"/>
  49.  
  50. <!-- POSTS -->
  51. <meta name="if:3 Columns" content="0"/>
  52. <meta name="if:Opitions Two Reblog" content="0"/>
  53. <meta name="if:Opitions Three Reblog" content="0"/>
  54. <meta name="if:Post Padding" content="1" />
  55. <meta name="if:Rounded Borders" content="1" />
  56.  
  57. <!-- FONTS -->
  58. <meta name="if:Font Dear Joe" content="1"/>
  59. <meta name="if:Font Open Sans Condensed" content="0"/>
  60. <meta name="if:Font Oswald" content="0"/>
  61. <meta name="if:Font Yesteryear" content="0"/>
  62. <meta name="if:Font Hand Of Sean" content="0"/>
  63. <meta name="if:Font Adrip1" content="0"/>
  64. <meta name="if:Font Cookie" content="1"/>
  65. <meta name="if:Font Sickcapital Vice" content="0"/>
  66. <meta name="if:Font Urban" content="0"/>
  67. <meta name="if:Font Subway" content="1"/>
  68.  
  69. <!-- IMAGENS -->
  70. <meta name="image:Loading Gif Posts" content="https://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif" />
  71. <meta name="image:Background" content="1"/>
  72. <meta name="if:Shadow Posts" content="1"/>
  73.  
  74. <!-- TITLE -->
  75. <meta name="text:Text Back Top" content="Back To Top" />
  76. <meta name="text:Title" content="Title" />
  77. <meta name="font:Font Quote" content="" />
  78. <meta name="text:Ask Title" content="Message" />
  79.  
  80. <!-- LINKS -->
  81. <meta name="text:Font Size Title" content="" />
  82. <meta name="text:Link1" content="" />
  83. <meta name="text:Link1 Title" content="link1" />
  84. <meta name="text:Link2" content="" />
  85. <meta name="text:Link2 Title" content="link2" />
  86. <meta name="text:Link3" content="" />
  87. <meta name="text:Link3 Title" content="link3" />
  88. <meta name="text:Link4" content="" />
  89. <meta name="text:Link4 Title" content="link4" />
  90. <meta name="text:Link5" content="" />
  91. <meta name="text:Link5 Title" content="link5" />
  92. <meta name="text:Link6" content="" />
  93. <meta name="text:Link6 Title" content="link6" />
  94.  
  95. <!-- IMAGENS -->
  96. <meta name="image:Loading Gif Posts" content="https://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif" />
  97. <meta name="image:Background" content="1"/>
  98. <meta name="image:Portrait" content="1"/>
  99.  
  100.  
  101. <!-- TITLE -->
  102. <meta name="text:Font Size Title" content="" />
  103. <meta name="text:Text Slider Links" content="" />
  104. <meta name="text:Text Back Top" content="Title" />
  105. <meta name="text:Title" content="Title" />
  106. <meta name="font:Font Quote" content="" />
  107. <meta name="text:Ask Title" content="Message" />
  108.  
  109. <!-- LINKS -->
  110. <meta name="text:Link1" content="" />
  111. <meta name="text:Link1 Title" content="link1" />
  112. <meta name="text:Link2" content="" />
  113. <meta name="text:Link2 Title" content="link2" />
  114. <meta name="text:Link3" content="" />
  115. <meta name="text:Link3 Title" content="link3" />
  116. <meta name="text:Link4" content="" />
  117. <meta name="text:Link4 Title" content="link4" />
  118. <meta name="text:Link5" content="" />
  119. <meta name="text:Link5 Title" content="link5" />
  120. <meta name="text:Link6" content="" />
  121. <meta name="text:Link6 Title" content="link6" />
  122.  
  123.  
  124. <link href="https://static.tumblr.com/hft4fqc/wd8mce2d7/fontface.css" rel="stylesheet">
  125.  
  126. <link href='https://fonts.googleapis.com/css?family=Droid+Sans|Arapey:400italic,400|Yanone+Kaffeesatz:400,300|Megrim|Open+Sans' rel='stylesheet' type='text/css'>
  127.  
  128.  
  129. {block:indexPage}
  130. <link rel='stylesheet' type='text/css' href="https://static.tumblr.com/hft4fqc/eefmcd1f9/font.css">
  131.  
  132. <link rel='stylesheet' type='text/css' href="https://static.tumblr.com/hft4fqc/2LPmcd4q6/scroll.css">
  133.  
  134. {/block:indexPage}
  135. <link href="https://static.tumblr.com/hft4fqc/kd4mcdy8s/button.css" rel="stylesheet">
  136.  
  137.  
  138. <link href="https://static.tumblr.com/hft4fqc/SJrmbvihl/javascript.css" rel="stylesheet">
  139.  
  140.  
  141. <style type="text/css">
  142.  
  143.  
  144.  
  145.  
  146.  
  147.  
  148. ::-webkit-scrollbar-thumb:vertical {background-color: {color:scroll bar}; height:100px;}
  149. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:scroll bar}; height:10px !important;}
  150. ::-webkit-scrollbar { height:10px; width:7px; background-color:{color:background};}
  151.  
  152. /**** Tumnlr Controls ****/
  153.  
  154. #tumblr_controls{position:fixed !important;
  155.  
  156. -webkit-transition: all 0.5s ease-out;
  157.  
  158. -moz-transition: all 0.5s ease-out;
  159.  
  160. transition: all 0.5s ease-out;
  161.  
  162. -o-transition: all 0.5s ease-out;
  163.  
  164. opacity:1;
  165.  
  166. filter:alpha(opacity=100);
  167.  
  168. }
  169.  
  170.  
  171. #tumblr_controls:hover{opacity: 1;
  172.  
  173. filter:alpha(opacity=100);
  174.  
  175. }
  176.  
  177.  
  178. #install_button:hover {opacity:0.9;
  179.  
  180. border:1px solid #000;
  181.  
  182. padding:1px;
  183.  
  184. }
  185.  
  186.  
  187.  
  188. /**** Base ****/
  189.  
  190. body{ cursor:crosshair;
  191.  
  192. font-size: 10px;
  193.  
  194. font-family: 'Open Sans', arial, verdana, sans-serif;
  195.  
  196. word-wrap: break-word;
  197.  
  198. background-color: {color:Background};
  199.  
  200. box-shadow: 0 0 2000px rgba(0, 0, 0, 0.9) inset;
  201.  
  202. background-image: url({image:Background});
  203.  
  204. background-repeat:repeat;
  205.  
  206. background-attachment: fixed;
  207.  
  208. background-position: top left;
  209.  
  210. color: {color:Text};
  211.  
  212. overflow-x: hidden;
  213.  
  214. }
  215.  
  216. a{cursor: crosshair;
  217.  
  218. text-decoration:none;
  219.  
  220. opacity: 1;
  221.  
  222. color: {color:Link};
  223.  
  224. filter:alpha(opacity=100);
  225. }
  226.  
  227. a:hover{cursor: crosshair;}
  228.  
  229.  
  230.  
  231.  
  232.  
  233. #fade { display: none;
  234.  
  235. box-shadow: 0 0 2000px rgba(0, 0, 0, 0.9) inset;
  236.  
  237. background-color:rgba(0, 0, 0, 0.7);
  238.  
  239. position: fixed;
  240.  
  241. left: 0;
  242.  
  243. top: 0;
  244.  
  245. width: 100%; height: 100%;
  246.  
  247. opacity:1;
  248.  
  249. z-index:-1;
  250. }
  251. .popup_block{z-index:9999;
  252.  
  253. display: none;
  254.  
  255. background: #000;
  256.  
  257. padding: 20px;
  258.  
  259. float: left;
  260.  
  261. font-size: 1.2em;
  262.  
  263. position: fixed;
  264.  
  265. top: 52%;
  266.  
  267. left: 52.2%;
  268.  
  269. -webkit-box-shadow: 0px 0px 20px #000;
  270.  
  271. -moz-box-shadow: 0px 0px 20px #000;
  272.  
  273. box-shadow: 0px 0px 20px #000;
  274.  
  275. }
  276. img.btn_close {
  277. float: right;
  278. margin: -25px -40px 0 0;
  279. }
  280. /*--Making IE6 Understand Fixed Positioning--*/
  281. *html #fade {
  282. position: absolute;
  283. }
  284. *html .popup_block {
  285. position: absolute;
  286. }
  287.  
  288.  
  289.  
  290. ol.notes { width:495px;
  291.  
  292. padding: 0px;
  293.  
  294. margin: 0px;
  295.  
  296. list-style-type: none;
  297.  
  298. overflow:hidden;
  299.  
  300. margin-left:2.5px;
  301.  
  302.  
  303. }
  304.  
  305. ol.notes li.more_notes_link_container{width: 500px;
  306.  
  307. height: 7px;
  308.  
  309. font-size: 9px;
  310.  
  311. font-weight: bold;
  312.  
  313. font-family: 'Source Sans Pro',sans-serif;
  314. margin: 5px 0 0 !important;
  315.  
  316. padding: 22px 0;
  317.  
  318. text-align: center;
  319.  
  320. text-transform: uppercase;
  321.  
  322. }
  323.  
  324.  
  325. ol.notes li.note img.avatar { vertical-align: -4px -4px;
  326.  
  327. margin-right: 2px;
  328.  
  329. margin-top:2px;
  330.  
  331. margin-left:2px;
  332.  
  333. margin-bottom:0px;
  334.  
  335. width: 20px;
  336.  
  337. height: 20px;
  338.  
  339.  
  340. }
  341.  
  342. .note{float:left;
  343.  
  344. margin:1px;
  345.  
  346. }
  347.  
  348. .action, .note blockquote{display:none;}
  349.  
  350. .action a{color: #fff !important;}
  351.  
  352. .note{z-index:10;}
  353.  
  354. .note:hover{position:relative;z-index:100;}
  355.  
  356. .note:hover .action{ display: block;
  357.  
  358. position:absolute;
  359.  
  360. float:left;
  361.  
  362. white-space:nowrap;
  363.  
  364. top:-2.2em;
  365.  
  366. left:5px;
  367.  
  368. background:#000;
  369.  
  370. color:#fff;
  371.  
  372. padding: 1px 5px;
  373.  
  374. z-index:10;
  375.  
  376. }
  377.  
  378. /* align */
  379.  
  380. #container{ position: relative;
  381.  
  382. width:600px;
  383.  
  384. z-index:0;
  385.  
  386. {block:if3Columns}
  387.  
  388. width:780px;
  389.  
  390. {/block:if3Columns}
  391.  
  392. text-align: left;
  393.  
  394. height: 100%;
  395.  
  396. margin: 0px auto;
  397.  
  398. z-index:0;
  399.  
  400. padding-bottom:100px;
  401.  
  402. {block:PermalinkPage}
  403.  
  404. width:600px;
  405.  
  406. padding-bottom:100px;
  407.  
  408.  
  409. {/block:PermalinkPage}
  410.  
  411.  
  412. }
  413.  
  414.  
  415. /**** Posts ****/
  416.  
  417. #posts{ margin-left:0px;
  418.  
  419. position:relative;
  420.  
  421. z-index:1;
  422.  
  423. {block:PermalinkPage}
  424.  
  425. margin-left:24.5px;
  426.  
  427. widht:500px;
  428.  
  429. {/block:PermalinkPage}
  430.  
  431. }
  432.  
  433. {block:IndexPage}
  434. .entry{ overflow: hidden;
  435.  
  436. position:relative;
  437.  
  438. z-index:-99999999;
  439.  
  440. margin: 20px;
  441.  
  442. width:260px;
  443.  
  444. {block:if3Columns}
  445.  
  446. width:220px;
  447.  
  448. {/block:if3Columns}
  449.  
  450. background-color: {color:Posts};
  451.  
  452. {block:ifRoundedBorders}
  453.  
  454. -webkit-border-radius: 4px;
  455.  
  456. -moz-border-radius: 4px;
  457.  
  458. border-radius: 4px;
  459.  
  460. {/block:ifRoundedBorders}
  461.  
  462. {block:ifShadowPosts}
  463.  
  464. -webkit-box-shadow: 0px 0px 5px {color:Shadow Posts};
  465.  
  466. -moz-box-shadow: 0px 0px 5px {color:Shadow Posts};
  467.  
  468. box-shadow:0px 0px 5px {color:Shadow Posts};
  469.  
  470. {/block:ifShadowPosts}
  471.  
  472. {block:PermalinkPage}
  473.  
  474. widht:500px;
  475.  
  476. {/block:PermalinkPage}
  477.  
  478. }
  479.  
  480.  
  481.  
  482. /*Hover Post*/
  483.  
  484. #photo {width: 240px;
  485.  
  486. z-index:-9999999999;
  487.  
  488. {block:IndexPage}
  489.  
  490. {block:ifPostPadding}
  491.  
  492. padding:7px;
  493.  
  494. {/block:ifPostPadding}
  495.  
  496. {block:if3Columns}
  497.  
  498. width:200px;
  499.  
  500. {block:if3Columns}
  501.  
  502. {block:ifRoundedBorders}
  503.  
  504. -webkit-border-radius: 4px;
  505.  
  506. -moz-border-radius: 4px;
  507.  
  508. border-radius: 4px;
  509.  
  510. {/block:ifRoundedBorders}
  511.  
  512. background-color: {color:Posts};
  513.  
  514. {/block:IndexPage}
  515.  
  516. }
  517.  
  518. #photo img { {block:IndexPage}
  519.  
  520. width: 260px;
  521.  
  522. {block:ifPostPadding}
  523.  
  524. width: 246px;
  525.  
  526. {/block:ifPostPadding}
  527.  
  528. {block:if3Columns}
  529.  
  530. width:220px;
  531.  
  532. {block:ifPostPadding}
  533.  
  534. width: 206px;
  535.  
  536. {/block:ifPostPadding}
  537.  
  538. {/block:if3Columns}
  539.  
  540. {block:ifRoundedBorders}
  541.  
  542. -webkit-border-radius: 4px;
  543.  
  544. -moz-border-radius: 4px;
  545.  
  546. border-radius: 4px;
  547.  
  548. {/block:ifRoundedBorders}
  549.  
  550. display:block;
  551.  
  552. {/block:IndexPage}
  553.  
  554. }
  555.  
  556.  
  557. div#photo div#picture {position:relative;
  558. }
  559.  
  560. div#photo div#picture div#info { position:absolute;
  561.  
  562. top:0%;
  563.  
  564. left:0%;
  565.  
  566. width:260px;
  567.  
  568. {block:ifPostPadding}
  569.  
  570. width: 246px;
  571.  
  572. {/block:ifPostPadding}
  573.  
  574. {block:if3Columns}
  575.  
  576. width:220px;
  577.  
  578. {block:ifPostPadding}
  579.  
  580. width: 206px;
  581.  
  582. {/block:ifPostPadding}
  583.  
  584. {/block:if3Columns}
  585.  
  586. height:100%;
  587.  
  588. opacity:0;
  589.  
  590. z-index:0;
  591.  
  592. text-align:center;
  593.  
  594.  
  595. {block:ifNotOpitionsTwoReblog}
  596.  
  597. background-color:rgba(0,0,0,0.3);
  598.  
  599. box-shadow: 0 0 100px rgba(0, 0, 0, 0.9) inset;
  600. {/block:ifNotOpitionsTwoReblog}
  601.  
  602.  
  603. background-color:rgba(0,0,0,0.3);
  604.  
  605. box-shadow: 0 0 100px rgba(0, 0, 0, 0.5) inset;
  606.  
  607. -webkit-transition: all 0.3s ease;
  608.  
  609. -moz-transition: all 0.3s ease;
  610.  
  611. transition: all 0.3s ease;
  612.  
  613. }
  614.  
  615. div#photo:hover div#picture div#info {opacity:1;
  616.  
  617. -webkit-transition: all .8s ease;
  618.  
  619. -moz-transition: all .8s ease;
  620.  
  621. transition: all .8s ease;
  622. }
  623.  
  624. {block:indexPage}
  625. .hover { font-family: 'sosa';
  626.  
  627. text-align:right;
  628.  
  629. font-size:19px;
  630.  
  631. font-style:normal;
  632.  
  633. width:95%;
  634.  
  635. height:10px;
  636.  
  637. margin-left:0px;
  638.  
  639. margin-top:8px;
  640.  
  641. padding-top:3px;
  642.  
  643. opacity:0;
  644.  
  645. border-top:1px solid {color:border};
  646.  
  647. -webkit-transition: all 0.6s ease;
  648.  
  649. -moz-transition: all 0..6s ease;
  650.  
  651. transition: all 0.6s ease;
  652.  
  653. -o-transition: all 0.6s ease;
  654.  
  655. }
  656.  
  657. .hover a {opacity:0.7;-webkit-transition: all 0.3s ease-out;
  658.  
  659. -moz-transition: all 0.3s ease-out;
  660.  
  661. transition: all 0.3s ease-out;}
  662.  
  663. .hover a:hover {opacity:1;
  664.  
  665. -webkit-transition: all 0.3s ease-out;
  666.  
  667. -moz-transition: all 0.3s ease-out;
  668.  
  669. transition: all 0.3s ease-out;}
  670.  
  671. .entry:hover .hover {opacity:1;
  672.  
  673. margin-top:8px;
  674.  
  675. padding-bottom:13px;
  676.  
  677. -webkit-transition: all 0.4s ease-in;
  678.  
  679. transition: all 0.4s ease-out;
  680.  
  681. -moz-transition: all 0.4s ease-in;
  682.  
  683. -o-transition: all 0.4s ease-in;
  684. }
  685. {/block:IndexPage}
  686.  
  687. {block:IndexPage}
  688.  
  689. .hover_set { font-family: 'sosa';
  690.  
  691. text-align:right;
  692.  
  693. font-size:19px;
  694.  
  695. border-top:1px solid {color:border};
  696.  
  697. font-style:normal;
  698.  
  699. width:95%;
  700.  
  701. height:10px;
  702.  
  703. opacity:0;
  704.  
  705. -webkit-transition: all 0.4s ease;
  706.  
  707. -moz-transition: all 0.4s ease;
  708.  
  709. transition: all 0.4s ease-out;
  710.  
  711. -o-transition: all 0.4s ease-out;
  712.  
  713. background-color:transparent;
  714.  
  715. {block:PermalinkPage}
  716.  
  717. opacity:0;
  718.  
  719. {/block:PermalinkPage}
  720.  
  721. }
  722.  
  723. .hover_set { margin-top:-14px;
  724.  
  725. {block:if2Columns}
  726.  
  727. margin-top:-4px;
  728.  
  729. {/block:if2Columns}
  730.  
  731. {block:if3Columns}
  732.  
  733. margin-top:-14px;
  734.  
  735. {/block:if3Columns}
  736.  
  737. {block:if4Columns}
  738.  
  739. margin-top:-14px;
  740.  
  741. {/block:if4Columns}
  742.  
  743.  
  744. }
  745.  
  746.  
  747. .hover_set a {opacity:0.7;
  748.  
  749. -webkit-transition: all 0.3s ease-out;
  750.  
  751. -moz-transition: all 0.3s ease-out;
  752.  
  753. transition: all 0.3s ease-out;}
  754.  
  755. .hover_set a:hover {opacity:1;
  756.  
  757. -webkit-transition: all 0.3s ease-out;
  758.  
  759. -moz-transition: all 0.3s ease-out;
  760.  
  761. transition: all 0.3s ease-out;
  762.  
  763. }
  764.  
  765.  
  766. .entry:hover .hover_set {opacity:1;
  767.  
  768. padding-bottom:8px;
  769.  
  770. margin-top:0px;
  771.  
  772. {block:if2Columns}
  773.  
  774. margin-top:10px;
  775.  
  776. padding-bottom:15px;
  777.  
  778. {/block:if2Columns}
  779.  
  780. {block:if3Columns}
  781.  
  782. margin-top:3px;
  783.  
  784. padding-bottom:15px;
  785.  
  786. {/block:if3Columns}
  787.  
  788. -webkit-transition: all 0.4s ease-in;
  789.  
  790. transition: all 0.4s ease-out;
  791.  
  792. -moz-transition: all 0.4s ease-in;
  793.  
  794. -o-transition: all 0.4s ease-in;
  795. }
  796.  
  797. {/block:IndexPage}
  798.  
  799.  
  800. .hover_video { font-family: 'sosa';
  801.  
  802. text-align:right;
  803.  
  804. font-size:19px;
  805.  
  806. border-top:1px solid {color:border};
  807.  
  808. font-style:normal;
  809.  
  810. width:95%;
  811.  
  812. height:10px;
  813.  
  814. margin-top:-14px;
  815.  
  816. opacity:0;
  817.  
  818. -webkit-transition: all 0.4s ease;
  819.  
  820. -moz-transition: all 0.4s ease;
  821.  
  822. transition: all 0.4s ease-out;
  823.  
  824. -o-transition: all 0.4s ease-out;
  825.  
  826. background-color:transparent;
  827.  
  828. {block:PermalinkPage}
  829.  
  830. opacity:0;
  831.  
  832. {/block:PermalinkPage}
  833.  
  834. }
  835.  
  836.  
  837.  
  838. .hover_video a {opacity:0.7;
  839.  
  840. -webkit-transition: all 0.3s ease-out;
  841.  
  842. -moz-transition: all 0.3s ease-out;
  843.  
  844. transition: all 0.3s ease-out;}
  845.  
  846. .hover_video a:hover {opacity:1;
  847.  
  848. -webkit-transition: all 0.3s ease-out;
  849.  
  850. -moz-transition: all 0.3s ease-out;
  851.  
  852. transition: all 0.3s ease-out;
  853.  
  854. }
  855.  
  856.  
  857. .entry:hover .hover_video {opacity:1;
  858.  
  859. padding-bottom:11px;
  860.  
  861. margin-top:0px;
  862.  
  863. {block:if2Columns}
  864.  
  865. margin-top:10px;
  866.  
  867. padding-bottom:15px;
  868.  
  869. {/block:if2Columns}
  870.  
  871. {block:if3Columns}
  872.  
  873. margin-top:3px;
  874.  
  875. padding-bottom:15px;
  876.  
  877. {/block:if3Columns}
  878.  
  879. -webkit-transition: all 0.4s ease-in;
  880.  
  881. transition: all 0.4s ease-out;
  882.  
  883. -moz-transition: all 0.4s ease-in;
  884.  
  885. -o-transition: all 0.4s ease-in;
  886. }
  887.  
  888. {/block:IndexPage}
  889.  
  890.  
  891. {block:IndexPage}
  892.  
  893. .hover_audio { font-family: 'sosa';
  894.  
  895. text-align:right;
  896.  
  897. font-size:19px;
  898.  
  899. margin-top:-14px;
  900.  
  901. border-top:1px solid {color:border};
  902.  
  903. font-style:normal;
  904.  
  905. width:95%;
  906.  
  907. opacity:0;
  908.  
  909. height:10px;
  910.  
  911. -webkit-transition: all 0.4s ease;
  912.  
  913. -moz-transition: all 0.4s ease;
  914.  
  915. transition: all 0.4s ease-out;
  916.  
  917. -o-transition: all 0.4s ease-out;
  918.  
  919. background-color:transparent;
  920.  
  921. {block:PermalinkPage}
  922.  
  923. opacity:0;
  924.  
  925. {/block:PermalinkPage}
  926.  
  927. }
  928.  
  929.  
  930.  
  931. .hover_audio a {opacity:0.7;-webkit-transition: all 0.3s ease-out;
  932.  
  933. -moz-transition: all 0.3s ease-out;
  934.  
  935. transition: all 0.3s ease-out;}
  936.  
  937. .hover_audio a:hover {opacity:1;
  938.  
  939. -webkit-transition: all 0.3s ease-out;
  940.  
  941. -moz-transition: all 0.3s ease-out;
  942.  
  943. transition: all 0.3s ease-out;}
  944.  
  945.  
  946. .entry:hover .hover_audio {opacity:1;
  947.  
  948. margin-top:5px;
  949.  
  950. padding-bottom:13px;
  951.  
  952. -webkit-transition: all 0.4s ease-in;
  953.  
  954. transition: all 0.4s ease-out;
  955.  
  956. -moz-transition: all 0.4s ease-in;
  957.  
  958. -o-transition: all 0.4s ease-in;
  959. }
  960.  
  961. {/block:IndexPage}
  962.  
  963.  
  964. .like span{ {block:IndexPage}
  965. font-family:'sosa';
  966. font-size:18px;
  967. color:{color:link};
  968. -webkit-transition: all 0.3s ease-out;
  969. -moz-transition: all 0.3s ease-out;
  970. transition: all 0.3s ease-out;
  971. }
  972.  
  973. .like span {opacity:0.7;}
  974.  
  975. .like span:hover {opacity:1;}
  976.  
  977. {/block:IndexPage}
  978.  
  979. /*************************** Hover Reblog One ****************************/
  980.  
  981. .like span{ {block:IndexPage}
  982. font-family:'sosa';
  983. font-size:18px;
  984. color:{color:link};
  985. -webkit-transition: all 0.3s ease-out;
  986. -moz-transition: all 0.3s ease-out;
  987. transition: all 0.3s ease-out;
  988. {/block:IndexPage}
  989. }
  990. .like span {opacity:0.7;}
  991. .like span:hover {opacity:1;}
  992.  
  993. .position { {block:IndexPage}
  994.  
  995. position:absolute;
  996.  
  997. margin-top:0px;
  998.  
  999. right:5px;
  1000.  
  1001. {block:ifPostPadding}
  1002.  
  1003. right:1px;
  1004.  
  1005. {/block:ifPostPadding}
  1006. opacity:0;
  1007.  
  1008. z-index:999999999999;
  1009.  
  1010. -webkit-transition: all 0.2s ease-out;
  1011.  
  1012. -moz-transition: all 0.2s ease-out;
  1013.  
  1014. transition: all 0.2s ease-out;
  1015.  
  1016. {/block:IndexPage}
  1017.  
  1018. }
  1019.  
  1020. .entry:hover .position {top:5px;
  1021.  
  1022. {block:ifPostPadding}
  1023.  
  1024. top:2px;
  1025.  
  1026. {/block:ifPostPadding}
  1027.  
  1028. opacity:1;
  1029.  
  1030. }
  1031.  
  1032.  
  1033. #reblog1{ {block:IndexPage} position:absolute;
  1034. cursor:crosshair;
  1035. width:25px;
  1036. height:20px;
  1037. right:2px;
  1038. opacity:0.8;
  1039. background: url(https://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png) no-repeat;
  1040. -webkit-transition: all 0.5s ease-out;
  1041. -moz-transition: all 0.5s ease-out;
  1042. transition: all 0.5s ease-out; {/block:IndexPage}}
  1043.  
  1044.  
  1045. #reblog1:hover {opacity:1;}
  1046.  
  1047.  
  1048.  
  1049. .like1 { {block:IndexPage}
  1050. position:absolute;
  1051. width: 21px;
  1052. height: 20px;
  1053. right:30px;
  1054. opacity:0.8;
  1055. {/block:IndexPage}
  1056. }
  1057.  
  1058. .like1 span{ {block:IndexPage}
  1059. height: 20px;
  1060. width: 21px;
  1061. display:block;
  1062. background: url(https://24.media.tumblr.com/tumblr_mbupd4WLOE1qhtapco1_100.png) no-repeat;
  1063. background-position: 0px 0px;
  1064. -webkit-transition: all 0.3s ease-out;
  1065. -moz-transition: all 0.3s ease-out;
  1066. transition: all 0.3s ease-out;
  1067. {/block:IndexPage}
  1068. }
  1069.  
  1070. .like1:hover {opacity:1;}
  1071.  
  1072. .count_note { {block:IndexPage}
  1073. position:absolute;
  1074. color:#fff; !'important';
  1075. background-color: rgba(0, 0, 0, .60);
  1076. opacity:0.8;
  1077. right:54px;
  1078. font-size: 10px;
  1079. padding-left: 4px;
  1080. padding: 3px 4px;
  1081. -webkit-border-radius: 2px;
  1082. -moz-border-radius: 2px;
  1083. border-radius: 2px;
  1084. {block:IndexPage}}
  1085.  
  1086. div.count_note a{color:#fff;}
  1087.  
  1088. .count_note:hover {opacity:1;}
  1089.  
  1090.  
  1091.  
  1092. /*************************** hover reblog two ****************************/
  1093.  
  1094.  
  1095. .position1 { {block:IndexPage}
  1096. position:absolute;
  1097. bottom:20px;
  1098. right:-10px;
  1099. {block:IfPostPadding}
  1100. right:2px;
  1101. {/block:IfPostPadding}
  1102. opacity:0;
  1103. z-index:999999999999;
  1104. -webkit-transition: all 0.2s ease-out;
  1105. -moz-transition: all 0.2s ease-out;
  1106. transition: all 0.2s ease-out;
  1107. {/block:IndexPage}}
  1108.  
  1109. .entry:hover .position1 {bottom:25px;
  1110. opacity:1;}
  1111.  
  1112. .count_note1 { {block:IndexPage}
  1113. position:absolute;
  1114. color:#fff; !'important';
  1115. background-color: {color:Background Permalink Reblog};
  1116. opacity:0.8;
  1117. right:43px;
  1118. text-align:center;
  1119. font-size: 10px;
  1120. padding-left: 4px;
  1121. padding: 3px 6px;
  1122. padding-bottom:2.4px;
  1123. line-height:16px;
  1124. -webkit-border-radius: 2px;
  1125. -moz-border-radius: 2px;
  1126. border-radius: 2px;
  1127. {/block:IndexPage}}
  1128.  
  1129. div.count_note1 a{color:#fff;}
  1130.  
  1131. .count_note1:hover {opacity:1;}
  1132.  
  1133.  
  1134.  
  1135. #reblog{ {block:IndexPage} position:absolute;
  1136. color:#fff; !'important';
  1137. background-color: {color:Background Permalink Reblog};
  1138. opacity:0.8;
  1139. right:-4px;
  1140. text-align:center;
  1141. font-size: 12px;
  1142. padding-left: 4px;
  1143. padding: 3px 4px;
  1144. padding-bottom:4px;
  1145. line-height:14.7px;
  1146. -webkit-border-radius: 2px;
  1147. -moz-border-radius: 2px;
  1148. border-radius: 2px;
  1149. {/block:IndexPage}}
  1150.  
  1151.  
  1152. #reblog:hover {opacity:1;}
  1153.  
  1154.  
  1155.  
  1156. /*************************** hover reblog three **************************/
  1157.  
  1158. .positions { {block:IndexPage}
  1159. position:absolute;
  1160. bottom:3px;
  1161. right:-13px;
  1162. {block:ifPostPadding}
  1163. right:1px;
  1164. {/block:ifPostPadding}
  1165. opacity:0;
  1166. z-index:0;
  1167. -webkit-transition: all 0.2s ease-out;
  1168. -moz-transition: all 0.2s ease-out;
  1169. transition: all 0.2s ease-out;
  1170. {/block:IndexPage}}
  1171.  
  1172. .entry:hover .positions {opacity:1;}
  1173.  
  1174. .permalink{background-color: rgba(0, 0, 0, .60);
  1175.  
  1176. width:22px;
  1177.  
  1178. height:21px;
  1179.  
  1180. font-size:14px;
  1181.  
  1182. line-height: 23px;
  1183.  
  1184. margin-left:-1px;
  1185.  
  1186. margin-top:40px;
  1187.  
  1188. text-align: center;
  1189.  
  1190. color:#fff;
  1191.  
  1192. z-index:999999;
  1193.  
  1194. -webkit-border-radius: 4px;
  1195.  
  1196. -moz-border-radius: 4px;
  1197.  
  1198. border-radius: 4px;
  1199.  
  1200. }
  1201.  
  1202. .permalink a {color:#fff;
  1203.  
  1204. opacity:0.9;
  1205.  
  1206. }
  1207.  
  1208. .permalink a:hover {opacity:1;}
  1209.  
  1210. .reblog{background-color: rgba(0, 0, 0, .60);
  1211.  
  1212. width:22px;
  1213.  
  1214. height:21px;
  1215.  
  1216. font-size:14px;
  1217.  
  1218. line-height: 23px;
  1219.  
  1220. margin-right:-3px;
  1221.  
  1222. margin-left: 47px;
  1223.  
  1224. margin-top:-21px;
  1225.  
  1226. text-align: center;
  1227.  
  1228. color:#fff;
  1229.  
  1230. z-index:999999;
  1231.  
  1232. -webkit-border-radius: 4px;
  1233.  
  1234. -moz-border-radius: 4px;
  1235.  
  1236. border-radius: 4px;
  1237.  
  1238. }
  1239.  
  1240. .reblog a {color:#fff;
  1241.  
  1242. opacity:0.9;
  1243.  
  1244. }
  1245.  
  1246. .reblog a:hover {opacity:1;}
  1247.  
  1248. .heart{
  1249. background: url(https://static.tumblr.com/dbek3sy/AHGlxfo0s/description_links_bg.png) repeat;
  1250.  
  1251. color:#fff;
  1252.  
  1253. width:22px;
  1254.  
  1255. height:21px;
  1256.  
  1257. font-size:14px;
  1258.  
  1259. line-height: 20px;
  1260.  
  1261. text-align: center;
  1262.  
  1263. background-position: 0px 1px;
  1264.  
  1265. -webkit-border-radius: 4px;
  1266.  
  1267. -moz-border-radius: 4px;
  1268.  
  1269. border-radius: 4px;
  1270.  
  1271. background-position: 0px 1px;
  1272.  
  1273. margin-left: 23px;
  1274.  
  1275. margin-top:-21px;
  1276.  
  1277. z-index:999999;
  1278.  
  1279. }
  1280.  
  1281. .heart span{ {block:IndexPage}
  1282. color:#fff;
  1283.  
  1284. opacity:0.9;
  1285.  
  1286. -webkit-transition: all 0.3s ease-out;
  1287.  
  1288. -moz-transition: all 0.3s ease-out;
  1289.  
  1290. transition: all 0.3s ease-out;
  1291. {/block:IndexPage}
  1292. }
  1293.  
  1294.  
  1295. .heart span:hover {opacity:1;}
  1296.  
  1297. /**** links Header ****/
  1298.  
  1299. #linksheader{ width:500px;
  1300.  
  1301. text-transform:uppercase;
  1302.  
  1303. text-align:center;
  1304.  
  1305. font-size:9px;
  1306.  
  1307. margin:10px 50px auto;
  1308.  
  1309. margin-bottom:5px;
  1310.  
  1311. padding-bottom:5px;
  1312.  
  1313. font-family: 'tahoma', sans-serif;
  1314.  
  1315. background-color:transparent;
  1316.  
  1317. z-index:9;
  1318.  
  1319. border-bottom:1px solid {color:border};
  1320.  
  1321. {block:If3Columns}
  1322.  
  1323. margin:10px 140px auto;
  1324.  
  1325. {/block:If3Columns}
  1326.  
  1327. {block:permalinkpage}
  1328.  
  1329. margin:20px 50px auto;
  1330.  
  1331. {/block:permalinkpage}
  1332.  
  1333. }
  1334.  
  1335. #linksheader a{ margin-left:10px;
  1336.  
  1337. color: {color:Links Header};
  1338.  
  1339. }
  1340.  
  1341. #linksheader a:hover{ background:transparent;
  1342.  
  1343. color:{color:Links Header Hover};
  1344.  
  1345. -webkit-transition: all 0.4s ease-out;
  1346.  
  1347. -moz-transition: all 0.4s ease-out;
  1348.  
  1349. -o-transition: all 0.4s ease-out;
  1350.  
  1351. }
  1352.  
  1353. /****title ****/
  1354. .title {width:560px;
  1355.  
  1356. margin:-7px 20px auto;
  1357.  
  1358. text-align:center;
  1359.  
  1360. {block:If3Columns}
  1361.  
  1362. width:740px;
  1363.  
  1364. margin:-7px 20px auto;
  1365.  
  1366. {/block:If3Columns}
  1367.  
  1368. {block:permalinkpage}
  1369.  
  1370. width:560px;
  1371.  
  1372. margin-left:20px;
  1373.  
  1374. {/block:permalinkpage}
  1375. }
  1376.  
  1377. .title a{ font-weight:600;
  1378.  
  1379. font-style:italic;
  1380.  
  1381. text-align:center;
  1382.  
  1383. text-decoration:none;
  1384.  
  1385. letter-spacing:-2px;
  1386.  
  1387. text-transform:normal;
  1388.  
  1389. text-align:center;
  1390.  
  1391. background-color:transparent;
  1392.  
  1393. text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.6);
  1394.  
  1395. -webkit-transition: all 0.4s ease-out;
  1396.  
  1397. -moz-transition: all 0.4s ease-out;
  1398.  
  1399. -o-transition: all 0.4s ease-out;
  1400.  
  1401. color: {color:Title};
  1402.  
  1403. font-size:{text:font size title}px;
  1404.  
  1405. {block:IfFontDearJoe}font-family: 'Dear Joe Four';{/block:IfFontDearJoe}
  1406. {block:IfFontOpenSansCondensed}font-family: 'Open Sans Condensed', sans-serif;{/block:IfFontOpenSansCondensed}
  1407. {block:IfFontOswald}font-family: 'Oswald', sans-serif;{block:IfFontOswald}
  1408. {block:IfFontYesteryear}font-family: 'Yesteryear', cursive;{/block:IfFontYesteryear}
  1409. {block:IfFontHandOfSean}font-family: 'hand of sean', cursive; text-transform:uppercase;{/block:IfFontHandOfSean}
  1410. {block:IfFontAdrip1}font-family: 'adrip1', cursive;{/block:IfFontAdrip1}
  1411. {block:IfFontCookie}font-family: 'Cookie', cursive;{/block:IfFontCookie}
  1412. {block:IfFontsickcapitalvice}font-family: 'sickcapital-vice', cursive; font-style:normal;{/block:IfFontsickcapitalvice}
  1413. {block:IfFontUrban}font-family: 'urban_hook-upz', cursive;{/block:IfFontUrban}
  1414. {block:IfFontSubway}font-family: 'subway', cursive;{/block:IfFontSubway}
  1415.  
  1416. }
  1417. .title a:hover{ text-shadow:0px 0px 7px rgba(0,0,0,0);
  1418.  
  1419. -webkit-transition: all 0.4s ease-out;
  1420.  
  1421. -moz-transition: all 0.4s ease-out;
  1422.  
  1423. -o-transition: all 0.4s ease-out;
  1424.  
  1425. color: {color:Title Hover};
  1426. }
  1427.  
  1428. .description { position:relative;
  1429.  
  1430. width:350px;
  1431.  
  1432. margin-top:0px;
  1433.  
  1434. margin-left:150px;
  1435.  
  1436. text-align:center;
  1437.  
  1438. height:auto;
  1439.  
  1440. color:{color:Description};
  1441.  
  1442. {block:If3Columns}
  1443.  
  1444. margin-top:-15px;
  1445.  
  1446. margin-left:243px;
  1447.  
  1448. {/block:If3Columns}
  1449.  
  1450. {block:permalinkpage}
  1451.  
  1452. margin-left:156px;
  1453.  
  1454. {/block:permalinkpage}
  1455.  
  1456. }
  1457.  
  1458. .tds {padding:0px;
  1459.  
  1460. padding-top:20px;
  1461.  
  1462. font-size:15px;
  1463.  
  1464. text-transform:uppercase;
  1465.  
  1466. text-align:center;
  1467.  
  1468. color:{color:Links Header};
  1469.  
  1470. }
  1471.  
  1472. .tds :hover {color:{color:Links Header Hover};}
  1473.  
  1474.  
  1475.  
  1476. .photoset { width:250px;
  1477.  
  1478. background-color:{color:Posts};
  1479.  
  1480. margin-left:5px;
  1481.  
  1482. margin-top:-9px;
  1483.  
  1484. padding-bottom:3px;
  1485.  
  1486. {block:if3Columns}
  1487.  
  1488. margin-left:-5px;
  1489.  
  1490. margin-top:-14px;
  1491.  
  1492. {/block:if3Columns}
  1493.  
  1494. {block:PermalinkPage}
  1495.  
  1496. margin-left:0px;
  1497.  
  1498. margin-top:10px;
  1499.  
  1500. width:500px;
  1501.  
  1502. {/block:PermalinkPage}
  1503.  
  1504.  
  1505.  
  1506. }
  1507.  
  1508. /*quote*/
  1509. .quote{ position:absolute;
  1510.  
  1511. font-family:verdana;
  1512.  
  1513. color:{color:text};
  1514.  
  1515. line-height:0px;
  1516.  
  1517. margin-top:15px;
  1518.  
  1519. font-size:50px;
  1520.  
  1521. margin-left:-10px;
  1522.  
  1523. opacity:0.4;
  1524.  
  1525. font-style:none;
  1526.  
  1527. filter: alpha(opacity = 40);
  1528.  
  1529. }
  1530.  
  1531. .qt{ text-align:left;
  1532.  
  1533. width:240px;
  1534.  
  1535. {block:If3Columns}
  1536.  
  1537. width:210px;
  1538.  
  1539. {/block:If3Columns}
  1540.  
  1541. margin-left:5px;
  1542.  
  1543. margin-top:5px;
  1544.  
  1545. padding-top:-15px;
  1546.  
  1547. margin-bottom:-2px;
  1548.  
  1549. font-family:georgia;
  1550.  
  1551. font-size:13px;
  1552.  
  1553. font-style:italic;
  1554.  
  1555. color:{color:text};
  1556.  
  1557. line-height:14px;
  1558.  
  1559. letter-spacing:0px;
  1560.  
  1561. font-style:none;
  1562.  
  1563. {block:PermalinkPage}
  1564.  
  1565. width:500px;
  1566.  
  1567. margin-left:25px;
  1568.  
  1569. background-color:{color:Posts};
  1570.  
  1571. {/block:PermalinkPage}
  1572. }
  1573. /*chat */
  1574. .label{padding-left:10px;
  1575.  
  1576. font-size:13px;
  1577.  
  1578. }
  1579.  
  1580. .chat .odd, .chat .even{padding:5px;
  1581.  
  1582. line-height:10px;
  1583.  
  1584. }
  1585.  
  1586. .chat .odd{ color:{color:text};
  1587.  
  1588. background-color:{color:border};
  1589.  
  1590. width:230px;
  1591.  
  1592. margin-left:-30px;
  1593.  
  1594. width:230px;
  1595.  
  1596. margin-bottom:2px;
  1597.  
  1598. margin-top:2px;
  1599.  
  1600. {block:If3Columns}
  1601.  
  1602. width:190px;
  1603.  
  1604. {/block:If3Columns}
  1605.  
  1606. {block:PermalinkPage}
  1607.  
  1608. width:490px;
  1609.  
  1610. margin-left:-15px;
  1611.  
  1612. {/block:PermalinkPage}
  1613.  
  1614. }
  1615.  
  1616. .chat .even{color:{color:text};
  1617.  
  1618. background-color:{color:Posts};
  1619.  
  1620. margin:1px 0px;
  1621.  
  1622. width:230px;
  1623.  
  1624. margin-left:-30px;
  1625.  
  1626. {block:If3Columns}
  1627.  
  1628. width:190px;
  1629.  
  1630. {/block:If3Columns}
  1631.  
  1632. {block:PermalinkPage}
  1633.  
  1634. width:490px;
  1635.  
  1636. margin-left:-15px;
  1637.  
  1638. {/block:PermalinkPage}
  1639. }
  1640.  
  1641. .caption{font-size:11px;
  1642.  
  1643. margin-left:5px;
  1644.  
  1645. line-height:13px;
  1646.  
  1647. margin-top:5px;
  1648.  
  1649. text-align:left;
  1650. }
  1651.  
  1652. .caption {margin-top: 5px;}
  1653.  
  1654. .label{font-weight:bold;
  1655.  
  1656. font-size:12px;
  1657.  
  1658. }
  1659.  
  1660.  
  1661.  
  1662. /* audio */
  1663.  
  1664. {block:IndexPage}
  1665.  
  1666. .album_art{ height:200px;
  1667.  
  1668. width: 256px;
  1669.  
  1670. margin-right: 30px;
  1671.  
  1672. background: url('https://25.media.tumblr.com/tumblr_mbutfaJQBQ1qhtapco1_r1_400.png') no-repeat -15px -4px;
  1673.  
  1674. {block:If3Columns}
  1675.  
  1676. background: url('https://25.media.tumblr.com/tumblr_mbutfaJQBQ1qhtapco1_r1_400.png') no-repeat -45px -2px;
  1677.  
  1678. {/block:If3Columns}
  1679.  
  1680. margin-top:-199px;
  1681.  
  1682. margin-left:5px;
  1683.  
  1684. z-index:-1;
  1685.  
  1686. position: absolute;
  1687.  
  1688. -webkit-transition: all .4s ease-in;
  1689.  
  1690. -moz-transition: all .4s ease-in;
  1691.  
  1692. -o-transition: all .4s ease-in;
  1693.  
  1694. }
  1695.  
  1696. .entry:hover .album_art{margin-left:15px;
  1697.  
  1698. -webkit-transition: all .4s ease-in;
  1699.  
  1700. -moz-transition: all .4s ease-in;
  1701.  
  1702. -o-transition: all .4s ease-in;
  1703.  
  1704. }
  1705. .art { width:200px;
  1706.  
  1707. {block:If3Columns}
  1708.  
  1709. width:170px;
  1710.  
  1711. height:185px;
  1712.  
  1713. {/block:If3Columns}
  1714.  
  1715. }
  1716.  
  1717. .audioplayer{ position: absolute;
  1718.  
  1719. background-color: #000;
  1720.  
  1721. opacity:0.8;
  1722.  
  1723. z-index:0;
  1724.  
  1725. left: 0px;
  1726.  
  1727. top:155px;
  1728.  
  1729. width:190px;
  1730.  
  1731. height:35px;
  1732.  
  1733. z-index:
  1734.  
  1735. margin-left: 0px;
  1736.  
  1737. padding:5px;
  1738.  
  1739. {block:If3Columns}
  1740.  
  1741. top:140px;
  1742.  
  1743. width:160px;
  1744.  
  1745. {/block:If3Columns}
  1746.  
  1747. }
  1748.  
  1749. .audioplayerinto{width: 20px;
  1750.  
  1751. height: 30px;
  1752.  
  1753. overflow: hidden;
  1754.  
  1755. z-index:9;
  1756.  
  1757. padding-bottom:13px;
  1758.  
  1759. margin:6px 4px 0px;
  1760.  
  1761. }
  1762. {/block:IndexPage}
  1763.  
  1764. /**********Ask box **********/
  1765.  
  1766. .answer {margin-left:10px;
  1767.  
  1768. margin-top:10px;
  1769.  
  1770. }
  1771.  
  1772. .line {width:230px;
  1773.  
  1774. {block:If3Columns}
  1775.  
  1776. width:200px;
  1777.  
  1778. {/block:If3Columns}
  1779.  
  1780. height:1px;
  1781.  
  1782. margin-left:10px;
  1783.  
  1784. background-color:{color:border};
  1785.  
  1786. text-align:center;
  1787.  
  1788. margin-bottom:10px;
  1789.  
  1790. }
  1791.  
  1792. /* Loading */
  1793.  
  1794. #infscr-loading{bottom: -50px;
  1795.  
  1796. position: absolute;
  1797.  
  1798. left: 50%;
  1799.  
  1800. margin-left: -80px;
  1801.  
  1802. width: 100%;
  1803.  
  1804. text-align: center;
  1805.  
  1806. max-width: 150px;
  1807.  
  1808. width:expression(document.body.clientWidth > 150? "150px": "auto" );}
  1809.  
  1810.  
  1811. #infscr-loading div{display: none;}
  1812.  
  1813. #pagination{display:none;
  1814. }
  1815.  
  1816. #top{ position: fixed;
  1817.  
  1818. bottom: 10px;
  1819.  
  1820. right:15px;
  1821.  
  1822. opacity:1;
  1823.  
  1824. z-index: 1;
  1825.  
  1826. display: none;
  1827.  
  1828. font-size:13px;
  1829.  
  1830. width:auto;
  1831.  
  1832. height:auto;
  1833.  
  1834. font-family:'verdana';
  1835.  
  1836. text-transform:uppercase;
  1837.  
  1838. line-height:20px;
  1839.  
  1840. cursor: crosshair;
  1841.  
  1842. color:{color:Links Header};
  1843.  
  1844. }
  1845.  
  1846.  
  1847.  
  1848.  
  1849. </style>
  1850.  
  1851.  
  1852.  
  1853.  
  1854. <script type="text/javascript"
  1855. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  1856. <script>
  1857.  
  1858.  
  1859.  
  1860. $(document).ready(function() {
  1861.  
  1862. //
  1863.  
  1864.  
  1865.  
  1866. //When you click on a link with class of poplight and the href starts with a #
  1867.  
  1868. $('a.poplight[href^=#]').click(function() {
  1869.  
  1870. var popID = $(this).attr('rel'); //Get Popup Name
  1871.  
  1872. var popURL = $(this).attr('href'); //Get Popup href to define size
  1873.  
  1874.  
  1875.  
  1876. //Pull Query & Variables from href URL
  1877.  
  1878. var query= popURL.split('?');
  1879.  
  1880. var dim= query[1].split('&');
  1881.  
  1882. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  1883.  
  1884.  
  1885.  
  1886. //Fade in the Popup and add close button
  1887.  
  1888. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="https://24.media.tumblr.com/tumblr_mcfga2ug5I1qhtapco1_100.png" class="btn_close" title="Close" alt="Close" /></a>');
  1889.  
  1890.  
  1891. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  1892.  
  1893. var popMargTop = ($('#' + popID).height() + 80) / 2;
  1894.  
  1895. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  1896.  
  1897.  
  1898.  
  1899. //Apply Margin to Popup
  1900.  
  1901. $('#' + popID).css({
  1902.  
  1903. 'margin-top' : -popMargTop,
  1904.  
  1905. 'margin-left' : -popMargLeft
  1906.  
  1907. });
  1908.  
  1909.  
  1910.  
  1911. //Fade in Background
  1912.  
  1913. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  1914.  
  1915. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  1916.  
  1917.  
  1918.  
  1919. return false;
  1920.  
  1921. });
  1922.  
  1923.  
  1924.  
  1925. //Close Popups and Fade Layer
  1926.  
  1927. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  1928.  
  1929. $('#fade , .popup_block').fadeOut(function() {
  1930.  
  1931. $('#fade, a.close').remove(); //fade them both out
  1932.  
  1933. });
  1934.  
  1935. return false;
  1936.  
  1937. });
  1938.  
  1939.  
  1940.  
  1941.  
  1942.  
  1943. });
  1944.  
  1945. </script>
  1946.  
  1947.  
  1948.  
  1949.  
  1950. <style type="text/css" media="screen">{CustomCSS}
  1951.  
  1952. </style>
  1953.  
  1954.  
  1955.  
  1956.  
  1957. </head>
  1958. <body>
  1959.  
  1960.  
  1961.  
  1962. <div id="container">
  1963.  
  1964. {block:indexPage}
  1965. <div class="title">
  1966.  
  1967. <a href="/" title="Home">{text:Title}</a> </div>
  1968.  
  1969. <div class="description"style="width:300px;">{Description}</div>
  1970.  
  1971. <div id="linksheader">
  1972.  
  1973. <a href="/" title="Home">home</a>
  1974.  
  1975. <a href="#?w=500" rel="askbox" class="poplight">{text:Ask Title}</a>
  1976.  
  1977. {block:ifLink1}
  1978. <a href="{text:Link1}">{text:Link1 Title}</a>
  1979. {/block:ifLink1}
  1980.  
  1981. {block:ifLink2}
  1982. <a href="{text:Link2}">{text:Link2 Title} </a>
  1983. {/block:ifLink2}
  1984.  
  1985. {block:ifLink3}
  1986. <a href="{text:Link3}">{text:Link3 Title} </a>
  1987. {/block:ifLink3}
  1988.  
  1989. {block:ifLink4}
  1990. <a href="{text:Link4}">{text:Link4 Title} </a>
  1991. {/block:ifLink4}
  1992.  
  1993. {block:ifLink5}
  1994. <a href="{text:Link5}">{text:Link5 Title} </a>
  1995. {/block:ifLink5}
  1996.  
  1997. {block:ifLink6}
  1998. <a href="{text:Link6}">{text:Link6 Title} </a>
  1999. {/block:ifLink6}
  2000. </div>
  2001. {/block:indexPage}
  2002.  
  2003.  
  2004.  
  2005. <div id="posts" style="padding:1px;">
  2006.  
  2007. {block:Posts}
  2008.  
  2009. <div class="entry">
  2010.  
  2011. {block:Photo}
  2012.  
  2013. <div id="photo">
  2014. {block:IndexPage}
  2015. <div id="picture">
  2016. {block:Date}
  2017. <div id="info">
  2018.  
  2019. {block:ifNotOpitionsTwoReblog}
  2020. {block:ifNotOpitionsThreeReblog}
  2021.  
  2022. <div class="position">
  2023. <a id="note_count_{PostID}" href="{Permalink}" class="count_note">{NoteCount}</a>
  2024.  
  2025. <div class="like1" href="javascript:void(0);"><span id="{PostID}" rel="{ReblogURL}"></div></a>
  2026.  
  2027.  
  2028. <a id="reblog1" href="{ReblogURL}"target="_blank"></a></div>
  2029.  
  2030. {/block:ifNotOpitionsThreeReblog}
  2031. {/block:ifNotOpitionsTwoReblog}
  2032.  
  2033. </div>
  2034.  
  2035. {/block:Date}
  2036.  
  2037. {block:ifOpitionsTwoReblog}
  2038.  
  2039. <div class="position1">
  2040. <a id="reblog" href="{ReblogURL}"target="_blank">reblog</a>
  2041.  
  2042. <a id="note_count_{PostID}" href="{Permalink}" class="count_note1">{NoteCount}</a>
  2043. </div></span>
  2044.  
  2045. {/block:ifOpitionsTwoReblog}
  2046.  
  2047.  
  2048. {block:ifOpitionsThreeReblog}
  2049.  
  2050. <div class="positions">
  2051.  
  2052. <div class="permalink"><a href="{Permalink}">b</div></a>
  2053.  
  2054. <div class="heart" href="javascript:void(0);"><span id="{PostID}" rel="{ReblogURL}">c</div></a>
  2055.  
  2056. <div class="reblog"><a href="{ReblogURL}"target="_blank">a</div></a>
  2057.  
  2058. </div>
  2059. {/block:ifOpitionsThreeReblog}
  2060.  
  2061.  
  2062. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="250px"/>
  2063.  
  2064. </div>
  2065. </div>
  2066.  
  2067. {/block:IndexPage}
  2068.  
  2069. {block:PermalinkPage}
  2070.  
  2071.  
  2072. <img id="posts" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" style="width:500px;">
  2073. {/block:PermalinkPage}
  2074.  
  2075. {/block:Photo}
  2076.  
  2077.  
  2078. {block:Photoset}
  2079.  
  2080. {block:IndexPage}
  2081. <span class="photoset">{Photoset-250}</span>
  2082.  
  2083. <center>
  2084. <div class="hover_set">
  2085. <a href="{Permalink}" title="Permalink">~</a>
  2086. <span class="like" href="javascript:void(0);" title="Like"><span id="{PostID}" rel="{ReblogURL}">c</a></span></span>
  2087. <a rel="Reblog" href="{ReblogURL}" title="Reblog" target="_blank"><b>U</b></a> {/block:IndexPage}
  2088. </div>
  2089. </center>
  2090.  
  2091. {block:PermalinkPage}
  2092.  
  2093. {Photoset-500}
  2094. {/block:PermalinkPage}
  2095.  
  2096. {/block:Photoset}
  2097.  
  2098.  
  2099. {block:Quote}
  2100. <div class="qt">
  2101. <span class="quote">❝</span><div style="font-family:verdana;padding-top:10px;padding-left:5px; font-size:12px;">{Quote}
  2102.  
  2103. <div style="font-family:verdana;font-size:13px;text-align:right;padding-top:5px;padding-right:5px;{block:if3Columns} padding-right:15px;{/block:if3Columns}"> {block:Source}{Source}{/block:Source}</div></div>
  2104.  
  2105. {block:IndexPage}
  2106. {block:Date}
  2107. <center>
  2108.  
  2109. <div class="hover" style="margin-left:8px;">
  2110. <a href="{Permalink}" title="Permalink">~</a>
  2111.  
  2112. <span class="like" href="javascript:void(0);" title="Like"><span id="{PostID}" rel="{ReblogURL}">c</a></span></span>
  2113.  
  2114. <a rel="Reblog" href="{ReblogURL}" title="Reblog" target="_blank"><b>U</b></a>
  2115. </center>
  2116. </div>
  2117. {/block:Date}
  2118. {/block:IndexPage}
  2119.  
  2120. {/block:Quote}
  2121.  
  2122.  
  2123. {block:Answer}
  2124. <img class="answer" src="{AskerPortraitURL-30}"width="30px">
  2125.  
  2126. <div style="text-align:left;text-transform:uppercase;margin-left:43px;font-family:helvetica;font-size:11px; margin-top:-35px;">
  2127.  
  2128. <b>{Asker}</b>:<br><div style="text-transform:none; font-style:italic;"> {Question}
  2129. </div>
  2130. </div>
  2131. <br>
  2132. <div class="line"></div>
  2133.  
  2134. <img class="answer" style="width:30px; margin-top:0px;" src="{PortraitURL-30}">
  2135.  
  2136. <div style="text-align:left; margin-left:43px; margin-top:-35px;font-family:helvetica;font-size:11px;text-transform:uppercase;"><b>Me</b>:
  2137.  
  2138. <div style="margin-top:-12px;text-transform:none; font-style:italic;">{Answer}
  2139. </div>
  2140. </div>
  2141. {block:indexpage}
  2142. <center>
  2143. <div class="hover">
  2144. <a href="{Permalink}" title="Permalink">~</a>
  2145.  
  2146. <span class="like" href="javascript:void(0);" title="Like"><span id="{PostID}" rel="{ReblogURL}">c</a></span></span>
  2147.  
  2148. <a rel="Reblog" href="{ReblogURL}" title="Reblog" target="_blank"><b>U</b></a>
  2149.  
  2150. </div></center>
  2151. {/block:Date}
  2152. {/block:IndexPage}
  2153.  
  2154. {/block:Answer}
  2155.  
  2156. {block:Text}
  2157.  
  2158. <div style="padding:10px; font-size:15px; text-align:left;color:{color:text};">{block:Title}{Title}</div>{/block:Title}
  2159. <div style="font-size:11px; padding:10px; margin-top:-25px; margin-bottom:-25px;">{Body}</div>
  2160.  
  2161. {block:indexpage}
  2162. <center>
  2163. <div class="hover">
  2164. <a href="{Permalink}" title="Permalink">~</a>
  2165.  
  2166. <span class="like" href="javascript:void(0);" title="Like"><span id="{PostID}" rel="{ReblogURL}">c</a></span></span>
  2167.  
  2168. <a rel="Reblog" href="{ReblogURL}" title="Reblog" target="_blank"><b>U</b></a>
  2169.  
  2170. </div></center>
  2171. {/block:Date}
  2172. {/block:IndexPage}
  2173. {/block:Text}
  2174.  
  2175.  
  2176.  
  2177. {block:Link}
  2178. <div class="tds"><a href="{URL}" target="_blank">{Name}</a></div>
  2179.  
  2180. <div style="color:{color:text}; padding:10px; width:92%; margin-bottom:-14px;">
  2181. {block:Description}{Description}{/block:Description}</div>
  2182. <br>
  2183. {block:indexpage}
  2184. <center>
  2185. <div class="hover" style="margin-top:-10px;">
  2186.  
  2187. <a href="{Permalink}" title="Permalink">~</a>
  2188.  
  2189. <span class="like" href="javascript:void(0);" title="Like"><span id="{PostID}" rel="{ReblogURL}">c</a></span></span>
  2190.  
  2191. <a rel="Reblog" href="{ReblogURL}" title="Reblog" target="_blank"><b>U</b></a>
  2192.  
  2193. </div></center>
  2194. {/block:Date}
  2195. {/block:IndexPage}
  2196. {block:Link}
  2197.  
  2198. {block:Chat}
  2199. {block:Title}
  2200. {Title}
  2201. {/block:Title}
  2202. <ul class="chat">
  2203. {block:Lines}
  2204. <div class="{Alt} user_{UserNumber}">
  2205. {block:Label}
  2206. <span class="label">{Label}</span>
  2207. {/block:Label}
  2208. <span class="caption">{Line}</span>
  2209. </div>
  2210. {/block:Lines}
  2211. </ul>
  2212.  
  2213. {block:indexpage}
  2214. <center>
  2215. <div class="hover">
  2216. <a href="{Permalink}" title="Permalink">~</a>
  2217.  
  2218. <span class="like" href="javascript:void(0);" title="Like"><span id="{PostID}" rel="{ReblogURL}">c</a></span></span>
  2219.  
  2220. <a rel="Reblog" href="{ReblogURL}" title="Reblog" target="_blank"><b>U</b></a>
  2221.  
  2222. </div></center>
  2223. {/block:Date}
  2224. {/block:IndexPage}
  2225. {/block:Chat}
  2226.  
  2227. {block:Audio}
  2228. {block:IndexPage}
  2229. <div class="audioplayer">
  2230.  
  2231. <div class="audioplayerinto">{AudioPlayerBlack}</div></div>
  2232.  
  2233. {block:AlbumArt}
  2234.  
  2235. <img class="art"src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}">
  2236. <div class="album_art"></div>
  2237.  
  2238.  
  2239. {/block:AlbumArt}
  2240.  
  2241.  
  2242. <center>
  2243. <div class="hover_audio">
  2244. <a href="{Permalink}" title="Permalink">~</a>
  2245.  
  2246. <span class="like" href="javascript:void(0);" title="Like"><span id="{PostID}" rel="{ReblogURL}">c</a></span></span>
  2247.  
  2248. <a rel="Reblog" href="{ReblogURL}" title="Reblog" target="_blank"><b>U</b></a>
  2249.  
  2250. </div></center>
  2251. {/block:Date}
  2252. {/block:IndexPage}
  2253.  
  2254. {block:PermalinkPage}
  2255. <div style="margin-left:25px;"
  2256. <div class="effectalbumart"></div>
  2257. {block:AlbumArt}
  2258. <img width="500" src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}"style="margin-left:25px;">
  2259. {/block:AlbumArt}
  2260. <ul class="audiotrack left">
  2261. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br>
  2262. {block:TrackName}<b>Song:</b> {TrackName}{/block:TrackName}<br>
  2263. {block:Album}<b>Album:</b> {Album}{/block:Album}<br>
  2264. <b>Plays:</b> {FormattedPlayCount}{block:ExternalAudio} <a href="{ExternalAudioURL}">(Download)</a>{/block:ExternalAudio}
  2265. {AudioPlayerBlack}
  2266. </ul>
  2267.  
  2268. {block:Caption}
  2269. <div style="font-size:11px;">{block:Caption}{Caption}{/block:Caption}</div>
  2270. {/block:Caption} </div
  2271. {/block:PermalinkPage}
  2272. {/block:Audio}
  2273.  
  2274.  
  2275. {block:Video}
  2276. {block:IndexPage}<div class="posts"style="margin-left:-8px">{Video-250}</div>{/block:IndexPage}
  2277.  
  2278. {block:IndexPage}
  2279. {block:Date}
  2280. <center>
  2281.  
  2282. <div class="hover_video">
  2283. <a href="{Permalink}" title="Permalink">~</a>
  2284.  
  2285. <span class="like" href="javascript:void(0);" title="Like"><span id="{PostID}" rel="{ReblogURL}">c</a></span></span>
  2286.  
  2287. <a rel="Reblog" href="{ReblogURL}" title="Reblog" target="_blank"><b>U</b></a>
  2288. </center>
  2289. </div>
  2290. {/block:Date}
  2291. {/block:IndexPage}
  2292.  
  2293. {/block:Quote}
  2294.  
  2295. {block:PermalinkPage}<center>{Video-500}</center>{/block:PermalinkPage}
  2296. {block:Video}
  2297. </div>
  2298.  
  2299.  
  2300.  
  2301. {block:PermalinkPage}
  2302. {block:Date}
  2303.  
  2304. <div id="posts" style="z-index:99999999; width:500px;background-color:{color:Posts}">
  2305.  
  2306. {block:Date}
  2307.  
  2308. <span style="padding-left:10px;vertical-align: bottom; font-size:28px; color:{color:Blog Title Text}; font-family:'EntypoRegular';">N</span> <span style="vertical-align: center;">Posted {DayofMonth} {DayOfWeek} {Month} {Year} </span><br>
  2309. {/block:Date}
  2310.  
  2311. {block:RebloggedFrom}
  2312. <span style="padding-left:10px; vertical-align: bottom; font-size:28px; color:{color:Blog Title Text}; font-family:'EntypoRegular';">/</span>
  2313. <span style="vertical-align: center;">Posted By</span>
  2314. <a href="{ReblogRootURL}" style="vertical-align: center;">{ReblogRootName}</a></span><br>
  2315. {/block:RebloggedFrom}
  2316.  
  2317. {block:RebloggedFrom}
  2318. <span style="padding-left:10px; vertical-align: bottom; font-size:28px; color:{color:Text}; font-family:'EntypoRegular';">h</span>
  2319. <span style="vertical-align: center;">Reblogged from</span>
  2320. <a href="{ReblogParentURL}" style="vertical-align: center;">{ReblogParentName}</a></span><br>
  2321. {/block:RebloggedFrom}
  2322.  
  2323. {block:notecount}
  2324. <span style="padding-left:10px; vertical-align: bottom; font-size:28px; color:{color:Blog Title Text}; font-family:'EntypoRegular';">6</span>
  2325. <span style="vertical-align: center;">{notecountwithlabel}</span><br>
  2326. {/block:notecount}
  2327.  
  2328. <br>
  2329. {block:HasTags}
  2330. {block:Tags}<span style="padding-left:13px; vertical-align: bottom; font-size:12px; margin-top:-20px;font-weight:bold;color:{color:Blog Title Text}; font-family:'tahoma';">#</span><a href="{TagURL}">&nbsp; {Tag}</a>{/block:Tags} {/block:HasTags}<br>
  2331.  
  2332. {block:PermalinkPagination}
  2333. {block:NextPost}
  2334.  
  2335. <center><div style="margin-left:-5px;height:1px; width:480px; background-color: rgba(0,0,0,0.1);"></div></center>
  2336. <br><a href="{NextPost}"><span style="padding-left:10px;margin-right:10px;font-family:'tahoma'; font-size:11px; text-transform:none; position:absolute;">
  2337. << Previous</a>
  2338. {/block:NextPost}
  2339. {block:PreviousPost}<a href="{PreviousPost}" style="font-family:'tahoma'; font-size:11px; text-transform:none; position:absolute; right:10px;">Next <small> >> </small></a></span>
  2340. <br><br>
  2341. <center><div style="margin-left:-5px;height:1px; width:480px; margin-bottom:-5px; background-color: rgba(0,0,0,0.1);"></div></center>
  2342. {/block:PreviousPost}
  2343. {/block:PermalinkPagination}
  2344. <br>
  2345.  
  2346. {block:PostNotes}
  2347. {PostNotes}
  2348. {/block:PostNotes}
  2349. </div></div>
  2350. {/block:Date}
  2351. {/block:PermalinkPage}
  2352.  
  2353.  
  2354. {/block:Posts}
  2355.  
  2356. <script type="text/javascript" src="https://static.tumblr.com/hft4fqc/AxFmbvhcg/buttonstwo.js"></script>
  2357. <script type="text/javascript" src="https://static.tumblr.com/hft4fqc/0Ubmbvipt/mansoryjquery.js"></script>
  2358.  
  2359. {block:IndexPage}
  2360. {block:Pagination}
  2361. <div id="pagination">
  2362. {block:NextPage}
  2363. <a id="nextPage" href="{NextPage}"> >> </a>
  2364. {/block:NextPage}
  2365. {block:PreviousPage}
  2366. <a href="{PreviousPage}"> << </a>
  2367. {/block:PreviousPage}
  2368. </div>
  2369. {/block:Pagination}
  2370. {/block:IndexPage}
  2371.  
  2372. {block:indexpage}
  2373. <div id="top" style="border-top:1px solid #ccc; text-align:center;">{text:Text Back Top}
  2374. </div>{/block:indexpage}
  2375.  
  2376.  
  2377. <script type="text/javascript"
  2378. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  2379.  
  2380.  
  2381. <script type="text/javascript">
  2382. $(function(){
  2383. $("#top").click(function(){
  2384. var target = $("html");
  2385. $('html, body').animate({
  2386. scrollTop: target.offset().top
  2387. }, 1000);
  2388. });
  2389.  
  2390. var topDiv = $("#top");
  2391. var topDivTop = "100";
  2392. var view = $( window );
  2393. view.bind("scroll resize", function(){
  2394. var viewTop = view.scrollTop();
  2395. if (viewTop > topDivTop){
  2396. topDiv.fadeIn(1000);
  2397. }
  2398. else if (viewTop <= topDivTop){
  2399. topDiv.fadeOut(1000);
  2400. }
  2401. });
  2402.  
  2403. $("#pageLink").click(function(){
  2404. $("#titlePages").fadeToggle(500);
  2405. });
  2406. });
  2407. </script>
  2408.  
  2409. <script type="text/javascript"
  2410. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  2411.  
  2412.  
  2413. {block:IndexPage}
  2414. <script type="text/javascript" src="https://static.tumblr.com/dbek3sy/4IKlvmzup/jquery.masonry.min.js"></script>
  2415.  
  2416. <script type="text/javascript" src="https://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  2417.  
  2418. <script type="text/javascript">
  2419. $(window).load(function(){
  2420. var $wall = $('#posts');
  2421. $wall.masonry({
  2422. itemSelector : ".entry",
  2423. isFitWidth: true
  2424. });
  2425. $wall.infinitescroll({
  2426. navSelector : '#pagination',
  2427. nextSelector : '#pagination a#nextPage',
  2428. itemSelector : '.entry',
  2429. loading: {
  2430. finishedMsg: '',
  2431. img: '{image:Loading Gif Posts}'},
  2432. bufferPx : 550,
  2433. debug : false,
  2434. errorCallback: function() {
  2435. $('#infscr-loading').animate({opacity: .1},2000).fadeOut('normal');
  2436. }},
  2437. function( newElements ) {
  2438. var $newElems = $( newElements );
  2439. $newElems.hide();
  2440. $newElems.imagesLoaded(function(){
  2441. $wall.masonry( 'appended', $newElems,
  2442. {isAnimated: true, animationOptions: {duration: 750, easing: 'linear', queue: false}},
  2443. function(){$newElems.fadeIn(900);} );
  2444. });
  2445. }); $wall.show(500);
  2446. });
  2447. $(function() {
  2448. $('.like').live('click', function() {
  2449. var $this = $(this).find("span");
  2450. var id_post = $this.attr('id');
  2451. var count = parseInt($("#note_count_"+id_post).text());
  2452. var reblog_key = $this.attr('rel').slice(-8);
  2453. var like_url = 'https://www.tumblr.com/like/'+reblog_key+'?id='+id_post;
  2454. if($this.css("background-position") == "0px 0px"){
  2455. $("#note_count_"+id_post).text(count+1);
  2456. }
  2457. $('#likeIframe').attr('src', like_url);
  2458. $this.css("background-position","0px -20px");
  2459. $this.css("color","#ff0000");
  2460. });
  2461. });
  2462. $(function() {
  2463. $('.like1').live('click', function() {
  2464. var $this = $(this).find("span");
  2465. var id_post = $this.attr('id');
  2466. var count = parseInt($("#note_count_"+id_post).text());
  2467. var reblog_key = $this.attr('rel').slice(-8);
  2468. var like_url = 'https://www.tumblr.com/like/'+reblog_key+'?id='+id_post;
  2469. if($this.css("background-position") == "0px 0px"){
  2470. $("#note_count_"+id_post).text(count+1);
  2471. }
  2472. $('#likeIframe').attr('src', like_url);
  2473. $this.css("background-position","0px -20px");
  2474. $this.css("color","#ff0000");
  2475. });
  2476. });
  2477. $(function() {
  2478. $('.heart').live('click', function() {
  2479. var $this = $(this).find("span");
  2480. var id_post = $this.attr('id');
  2481. var count = parseInt($("#note_count_"+id_post).text());
  2482. var reblog_key = $this.attr('rel').slice(-8);
  2483. var like_url = 'https://www.tumblr.com/like/'+reblog_key+'?id='+id_post;
  2484. if($this.css("background-position") == "0px 0px"){
  2485. $("#note_count_"+id_post).text(count+1);
  2486. }
  2487. $('#likeIframe').attr('src', like_url);
  2488. $this.css("background-position","0px -20px");
  2489. $this.css("color","#ff0000");
  2490. });
  2491. });
  2492.  
  2493. </script>
  2494. {/block:IndexPage}
  2495.  
  2496.  
  2497. <iframe id="likeIframe" style="width:1px;height:1px;position:absolute;left:-9999px;"></iframe>
  2498.  
  2499. <div id="askbox" class="popup_block">
  2500. <iframe frameborder="0" scrolling="no" width="100%" height="149" src="https://www.tumblr.com/ask_form/{name}.tumblr.com"
  2501. ></iframe>
  2502. <!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  2503. </div>
  2504.  
  2505. </body>
  2506. </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!