API tools faq
paste
Ikxa

igor-likewhite

Ikxa
May 11th, 2013
88
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 35.90 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2.  
  3.  
  4.  
  5. <!--
  6.  
  7. Theme #05 by Josh 2013 | themes-by-josh
  8.  
  9. Please don't remove this credit
  10.  
  11. -->
  12.  
  13.  
  14.  
  15. <html lang="en">
  16.  
  17. <head>
  18.  
  19.  
  20.  
  21. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  22.  
  23.  
  24.  
  25. <meta charset="utf-8" />
  26.  
  27.  
  28.  
  29. <meta name="color:Background" content="#000"/>
  30.  
  31. <meta name="color:PostsBackground" content="#000"/>
  32.  
  33. <meta name="color:PostsText" content="#fff"/>
  34.  
  35. <meta name="color:PostsLinks" content="#fff"/>
  36.  
  37. <meta name="color:PostsHover" content="#fff"/>
  38.  
  39. <meta name="color:PostsOutline" content="#fff"/>
  40.  
  41. <meta name="color:PermalinksHover" content="#fff"/>
  42.  
  43. <meta name="color:SidebarBackground" content="#000"/>
  44.  
  45. <meta name="color:SidebarText" content="#fff"/>
  46.  
  47. <meta name="color:SidebarLinks" content="#fff"/>
  48.  
  49. <meta name="color:SidebarHover" content="#fff"/>
  50.  
  51. <meta name="color:SidebarOutline" content="#000"/>
  52.  
  53. <meta name="color:Scrollbar" content="#fff"/>
  54.  
  55. <meta name="color:Selection" content="#fff"/>
  56.  
  57.  
  58.  
  59. <meta name="image:Background" content="" />
  60.  
  61. <meta name="image:Portrait" content="" />
  62.  
  63. <meta name="image:SidebarBackground" content="" />
  64.  
  65.  
  66.  
  67. <meta name="text:AskLink" content="ask" />
  68.  
  69. <meta name="text:HomeLink" content="home" />
  70.  
  71. <meta name="text:LinkSeparator" content="//" />
  72.  
  73. <meta name="text:OnlineUsersScript" content="" />
  74.  
  75. <meta name="text:SidebarDepth" content="80" />
  76.  
  77. <meta name="text:PermalinkOpacity" content="1" />
  78.  
  79. <meta name="text:SidebarOpacity" content="0.64" />
  80.  
  81. <meta name="text:ShadowOpacity" content="0.2" />
  82.  
  83. <meta name="text:ShadowSpread" content="10" />
  84.  
  85.  
  86.  
  87. <meta name="if:1Column" content="0"/>
  88.  
  89. <meta name="if:2Columns" content="1"/>
  90.  
  91. <meta name="if:3Columns" content="0"/>
  92.  
  93.  
  94.  
  95. <meta name="if:PostWidth250px" content="1"/>
  96.  
  97. <meta name="if:PostWidth320px" content="0"/>
  98.  
  99. <meta name="if:PostWidth400px" content="0"/>
  100.  
  101. <meta name="if:PostWidth500px" content="0"/>
  102.  
  103.  
  104.  
  105. <meta name="if:SwitchSidebar" content="0"/>
  106.  
  107. <meta name="if:FullHeightSidebar" content="1"/>
  108.  
  109. <meta name="if:NoSidebarOutline" content="0"/>
  110.  
  111.  
  112.  
  113. <meta name="if:BasicPermalinks" content="0"/>
  114.  
  115. <meta name="if:BasicPermalinkBorder" content="0"/>
  116.  
  117. <meta name="if:ColourfulPermalinks" content="0"/>
  118.  
  119. <meta name="if:PermalinkSwitch" content="0"/>
  120.  
  121. <meta name="if:PermalinkMovement" content="0"/>
  122.  
  123.  
  124.  
  125. <meta name="if:LinkToAsk" content="1"/>
  126.  
  127. <meta name="if:LinksAfterDescription" content="0"/>
  128.  
  129. <meta name="if:ShowCaptions" content="0"/>
  130.  
  131. <meta name="if:ShowVia" content="1"/>
  132.  
  133.  
  134.  
  135. <meta name="if:BoxShadow" content="0"/>
  136.  
  137. <meta name="if:FixedControls" content="1"/>
  138.  
  139. <meta name="if:InfiniteScroll" content="1"/>
  140.  
  141. <meta name="if:UnderlineLinks" content="0"/>
  142.  
  143. <meta name="if:WebkitScrollbar" content="1"/>
  144.  
  145.  
  146.  
  147. <title>{Title}</title>
  148.  
  149. <link rel="shortcut icon" href="{Favicon}">
  150.  
  151. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  152.  
  153. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  154.  
  155.  
  156.  
  157. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  158.  
  159. <style type="text/css">
  160.  
  161.  
  162.  
  163. /** Scrollbar, Tumblr Controls, Credit **/
  164.  
  165.  
  166.  
  167. {block:IfWebkitScrollbar}
  168.  
  169. ::-webkit-scrollbar-thumb {-webkit-border-radius: 2px;border-radius: 2px;background:{color:Scrollbar};box-shadow: 0 0 3px 0 rgba(0,0,0,0.1) inset;}
  170.  
  171. ::-webkit-scrollbar-track-piece {background:none;box-shadow: 0 0 6px 0 rgba(0,0,0,0.4) inset;}  
  172.  
  173. ::-webkit-scrollbar {background:{color:Background};width:5px;height:5px;}
  174.  
  175. {/block:IfWebkitScrollbar}
  176.  
  177. {block:IfFixedControls}
  178.  
  179. iframe#tumblr_controls {top:2px !important;right:2px !important;position: fixed !important;opacity: 0.5;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;}
  180.  
  181. iframe#tumblr_controls:hover {opacity: 1;-webkit-transition: all 0.1s linear;-moz-transition: all 0.1s linear;transition: all 0.1s linear;}
  182.  
  183. {/block:IfFixedControls}
  184.  
  185. #copyright{
  186.  
  187.     position:fixed;
  188.  
  189.     bottom:5px;
  190.  
  191. left:5px;
  192.  
  193. z-index:100;
  194.  
  195. background-color:#000;
  196.  
  197. color:#fff;
  198.  
  199. font-family:trebuchet ms;
  200.  
  201. font-size:10px;
  202.  
  203. font-weight:bold;
  204.  
  205. letter-spacing:2px;
  206.  
  207. line-height:20px;
  208.  
  209. text-transform:uppercase;
  210.  
  211. padding:5px;
  212.  
  213. opacity:0.25;
  214.  
  215. -webkit-border-radius: 15px;
  216.  
  217. border-radius: 15px;
  218.  
  219. }
  220.  
  221. #copyright:hover{
  222.  
  223. opacity:0.5;
  224.  
  225. color:#fff;
  226.  
  227. }
  228.  
  229. #copyright span{
  230.  
  231. opacity:0;
  232.  
  233. letter-spacing:-6px;
  234.  
  235. }
  236.  
  237. #copyright:hover span{
  238.  
  239. opacity:1;
  240.  
  241. letter-spacing:2px;
  242.  
  243. }
  244.  
  245.  
  246.  
  247. /** Basic Styles **/
  248.  
  249.  
  250.  
  251. body {
  252.  
  253.     font-size: 11px;
  254.  
  255. font-family: Trebuchet MS, Arial, sans-serif;
  256.  
  257. line-height:13px;text-align:justify;
  258.  
  259. color:{color:PostsText};
  260.  
  261. background:{color:Background} url('{image:Background}') repeat fixed center top;
  262.  
  263. margin:0px;
  264.  
  265. }
  266.  
  267. a {
  268.  
  269. color:#f7f7f7;
  270.  
  271. text-decoration:none;
  272.  
  273. -webkit-transition: all 0.1s linear;
  274.  
  275. -moz-transition: all 0.1s linear;
  276.  
  277. transition: all 0.1s linear;
  278.  
  279. }
  280.  
  281. a:hover {    
  282.  
  283. color:#f7f7f7;
  284.  
  285. {block:IfUnderlineLinks}
  286.  
  287. text-decoration:underline;
  288.  
  289. {/block:IfUnderlineLinks}
  290.  
  291. -webkit-transition: all 0.1s linear;
  292.  
  293. -moz-transition: all 0.1s linear;
  294.  
  295. transition: all 0.1s linear;
  296.  
  297. }
  298.  
  299. a:active {
  300.  
  301. outline:none;
  302.  
  303. }
  304.  
  305. a:focus {
  306.  
  307. -moz-outline-style: none;
  308.  
  309. }
  310.  
  311. :-moz-any-link:focus {
  312.  
  313. outline: none;
  314.  
  315. }
  316.  
  317. h1 {
  318.  
  319. margin: 10px 0;
  320.  
  321. font-family:Trebuchet MS;
  322.  
  323. font-size:12px;
  324.  
  325. line-height:16px;
  326.  
  327. font-weight:normal;
  328. text-align:justify;
  329.  
  330. }
  331.  
  332. p {
  333.  
  334. margin: 10px 0;
  335.  
  336. }
  337.  
  338. ol, ul{
  339.  
  340. margin: 10px 0;
  341.  
  342. padding-left:25px;
  343.  
  344. }
  345.  
  346. blockquote {
  347.  
  348. margin: 10px 0;
  349.  
  350. padding-left:10px;
  351.  
  352. border-left:rgba(0,0,0,0.2) 4px solid;
  353.  
  354. }
  355.  
  356. img {
  357.  
  358. vertical-align: bottom;
  359.  
  360. }
  361.  
  362. hr {
  363.  
  364. color:rgba(0,0,0,0.2);
  365.  
  366. background-color:rgba(0,0,0,0.2);
  367.  
  368. height:1px;
  369.  
  370. border:0;
  371.  
  372. }
  373.  
  374. .transition{
  375.  
  376. -webkit-transition: all 0.2s linear;
  377.  
  378. moz-transition: all 0.2s linear;
  379.  
  380. transition: all 0.2s linear;
  381.  
  382. }
  383.  
  384. ::selection{
  385.  
  386.     color:#fff;
  387.  
  388. background:{color:Selection};
  389.  
  390. }
  391.  
  392.  
  393.  
  394. /** Centre-ing **/
  395.  
  396.  
  397.  
  398. #bigbox{
  399.  
  400. position:absolute;
  401.  
  402. {block:IfNotSwitchSidebar}
  403.  
  404. left:50%;
  405.  
  406. margin-left:
  407.  
  408. {block:If1Column}
  409.  
  410. {block:IfPostWidth500px}-400px{/block:IfPostWidth500px}
  411.  
  412. {block:IfPostWidth400px}-350px{/block:IfPostWidth400px}
  413.  
  414. {block:IfPostWidth320px}-310px{/block:IfPostWidth320px}
  415.  
  416. {block:IfPostWidth250px}-275px{/block:IfPostWidth250px}
  417.  
  418. {/block:If1Column}
  419.  
  420. {block:If2Columns}
  421.  
  422. {block:IfPostWidth500px}-665px{/block:IfPostWidth500px}
  423.  
  424. {block:IfPostWidth400px}-565px{/block:IfPostWidth400px}
  425.  
  426. {block:IfPostWidth320px}-485px{/block:IfPostWidth320px}
  427.  
  428. {block:IfPostWidth250px}-415px{/block:IfPostWidth250px}
  429.  
  430. {/block:If2Columns}
  431.  
  432. {block:If3Columns}
  433.  
  434. {block:IfPostWidth500px}-930px{/block:IfPostWidth500px}
  435.  
  436. {block:IfPostWidth400px}-780px{/block:IfPostWidth400px}
  437.  
  438. {block:IfPostWidth320px}-660px{/block:IfPostWidth320px}
  439.  
  440. {block:IfPostWidth250px}-555px{/block:IfPostWidth250px}
  441.  
  442. {/block:If3Columns};
  443.  
  444. {/block:IfNotSwitchSidebar}
  445.  
  446. {block:IfSwitchSidebar}
  447.  
  448. right:50%;
  449.  
  450. margin-right:
  451.  
  452. {block:If1Column}
  453.  
  454. {block:IfPostWidth500px}-130px{/block:IfPostWidth500px}
  455.  
  456. {block:IfPostWidth400px}-80px{/block:IfPostWidth400px}
  457.  
  458. {block:IfPostWidth320px}-40px{/block:IfPostWidth320px}
  459.  
  460. {block:IfPostWidth250px}-5px{/block:IfPostWidth250px}
  461.  
  462. {/block:If1Column}
  463.  
  464. {block:If2Columns}
  465.  
  466. {block:IfPostWidth500px}-395px{/block:IfPostWidth500px}
  467.  
  468. {block:IfPostWidth400px}-295px{/block:IfPostWidth400px}
  469.  
  470. {block:IfPostWidth320px}-215px{/block:IfPostWidth320px}
  471.  
  472. {block:IfPostWidth250px}-145px{/block:IfPostWidth250px}
  473.  
  474. {/block:If2Columns}
  475.  
  476. {block:If3Columns}
  477.  
  478. {block:IfPostWidth500px}-660px{/block:IfPostWidth500px}
  479.  
  480. {block:IfPostWidth400px}-510px{/block:IfPostWidth400px}
  481.  
  482. {block:IfPostWidth320px}-390px{/block:IfPostWidth320px}
  483.  
  484. {block:IfPostWidth250px}-285px{/block:IfPostWidth250px}
  485.  
  486. {/block:If3Columns};
  487.  
  488. {/block:IfSwitchSidebar}
  489.  
  490. }
  491.  
  492.  
  493.  
  494. /** Sidebar **/
  495.  
  496.  
  497.  
  498.  
  499.  
  500. .sidebar, .sidebar-bg{
  501.  
  502. position:fixed;
  503.  
  504. color:{color:SidebarText};
  505.  
  506. {block:IfSwitchSidebar}
  507.  
  508. margin-left:
  509.  
  510. {block:If1Column}
  511.  
  512. {block:IfPostWidth500px}541px{/block:IfPostWidth500px}
  513.  
  514. {block:IfPostWidth400px}441px{/block:IfPostWidth400px}
  515.  
  516. {block:IfPostWidth320px}361px{/block:IfPostWidth320px}
  517.  
  518. {block:IfPostWidth250px}291px{/block:IfPostWidth250px}
  519.  
  520. {/block:If1Column}
  521.  
  522. {block:If2Columns}
  523.  
  524. {block:IfPostWidth500px}1071px{/block:IfPostWidth500px}
  525.  
  526. {block:IfPostWidth400px}871px{/block:IfPostWidth400px}
  527.  
  528. {block:IfPostWidth320px}711px{/block:IfPostWidth320px}
  529.  
  530. {block:IfPostWidth250px}571px{/block:IfPostWidth250px}
  531.  
  532. {/block:If2Columns}
  533.  
  534. {block:If3Columns}
  535.  
  536. {block:IfPostWidth500px}1601px{/block:IfPostWidth500px}
  537.  
  538. {block:IfPostWidth400px}1301px{/block:IfPostWidth400px}
  539.  
  540. {block:IfPostWidth320px}1061px{/block:IfPostWidth320px}
  541.  
  542. {block:IfPostWidth250px}851px{/block:IfPostWidth250px}
  543.  
  544. {/block:If3Columns};
  545.  
  546. {block:IfNot1Column}
  547.  
  548. {block:PermalinkPage}margin-left:541px;{/block:PermalinkPage}
  549.  
  550. {/block:IfNot1Column}
  551.  
  552. {/block:IfSwitchSidebar}
  553.  
  554. }
  555.  
  556. .sidebar{
  557.  
  558. margin-top:{text:SidebarDepth}px;
  559.  
  560. padding:10px;
  561.  
  562. width:250px;
  563.  
  564. {block:IfNotFullHeightSidebar}
  565.  
  566. background:{color:SidebarBackground} url('{image:SidebarBackground}') repeat fixed left top;
  567.  
  568. {block:IfNotNoSidebarOutline}
  569.  
  570. border:1px solid {color:SidebarOutline};
  571.  
  572. padding:9px;
  573.  
  574. {/block:IfNotNoSidebarOutline}
  575.  
  576. {block:IfBoxShadow}
  577.  
  578. box-shadow: 0 0 {text:ShadowSpread}px rgba(0,0,0,{text:ShadowOpacity});
  579.  
  580. -moz-box-shadow: 0 0 {text:ShadowSpread}px rgba(0,0,0,{text:ShadowOpacity});
  581.  
  582. -webkit-box-shadow: 0 0 {text:ShadowSpread}px rgba(0,0,0,{text:ShadowOpacity});
  583.  
  584. {/block:IfBoxShadow}
  585.  
  586. {/block:IfNotFullHeightSidebar}
  587.  
  588. }
  589.  
  590. {block:IfFullHeightSidebar}
  591.  
  592. .sidebar-bg{
  593.  
  594. z-index:-8000;
  595.  
  596. width:268px;
  597.  
  598. height:100%;
  599.  
  600. background:{color:SidebarBackground} url('{image:SidebarBackground}') repeat fixed left top;
  601.  
  602. opacity:{text:SidebarOpacity};
  603.  
  604. border:1px solid {color:SidebarOutline};
  605.  
  606. {block:IfBoxShadow}
  607.  
  608. box-shadow: 0 0 {text:ShadowSpread}px rgba(0,0,0,{text:ShadowOpacity});
  609.  
  610. -moz-box-shadow: 0 0 {text:ShadowSpread}px rgba(0,0,0,{text:ShadowOpacity});
  611.  
  612. -webkit-box-shadow: 0 0 {text:ShadowSpread}px rgba(0,0,0,{text:ShadowOpacity});
  613.  
  614. {/block:IfBoxShadow}
  615.  
  616. {block:IfNoSidebarOutline}
  617.  
  618. width:270px;
  619.  
  620. border:0;
  621.  
  622. {/block:IfNoSidebarOutline}
  623.  
  624. }
  625.  
  626. {/block:IfFullHeightSidebar}
  627.  
  628. .sidebar a{
  629.  
  630. color:{color:SidebarLinks}
  631.  
  632. }
  633.  
  634. .sidebar a:hover{
  635.  
  636. color:{color:SidebarHover}
  637.  
  638. }
  639.  
  640. .sidebar .textbox{
  641.  
  642. overflow:hidden;
  643.  
  644. text-align:center;
  645.  
  646. {block:IfPortraitImage}
  647.  
  648. margin-top:0px;
  649.  
  650. {/block:IfPortraitImage}
  651.  
  652. }
  653.  
  654. .sidebar .sidebarlinks{
  655.  
  656. font-size:10px;
  657.  
  658. text-transform:uppercase;
  659.  
  660. font-weight:bold;
  661.  
  662. }
  663.  
  664.  
  665.  
  666. /** Posts **/
  667.  
  668.  
  669.  
  670. #container{
  671.  
  672. width:
  673.  
  674. {block:If1Column}
  675.  
  676. {block:IfPostWidth500px}530px{/block:IfPostWidth500px}
  677.  
  678. {block:IfPostWidth400px}430px{/block:IfPostWidth400px}
  679.  
  680. {block:IfPostWidth320px}350px{/block:IfPostWidth320px}
  681.  
  682. {block:IfPostWidth250px}280px{/block:IfPostWidth250px}
  683.  
  684. {/block:If1Column}
  685.  
  686. {block:If2Columns}
  687.  
  688. {block:IfPostWidth500px}1060px{/block:IfPostWidth500px}
  689.  
  690. {block:IfPostWidth400px}860px{/block:IfPostWidth400px}
  691.  
  692. {block:IfPostWidth320px}700px{/block:IfPostWidth320px}
  693.  
  694. {block:IfPostWidth250px}560px{/block:IfPostWidth250px}
  695.  
  696. {/block:If2Columns}
  697.  
  698. {block:If3Columns}
  699.  
  700. {block:IfPostWidth500px}1590px{/block:IfPostWidth500px}
  701.  
  702. {block:IfPostWidth400px}1290px{/block:IfPostWidth400px}
  703.  
  704. {block:IfPostWidth320px}1050px{/block:IfPostWidth320px}
  705.  
  706. {block:IfPostWidth250px}840px{/block:IfPostWidth250px}
  707.  
  708. {/block:If3Columns};
  709.  
  710. {block:IfNot1Column}
  711.  
  712. {block:PermalinkPage}
  713.  
  714. width:530px;
  715.  
  716. {/block:PermalinkPage}
  717.  
  718. {/block:IfNot1Column}
  719.  
  720. padding:5px;
  721.  
  722. margin-left:270px;
  723.  
  724. {block:IfSwitchSidebar}
  725.  
  726. margin-left:0;
  727.  
  728. {/block:IfSwitchSidebar}
  729.  
  730. {block:IfNotInfiniteScroll}
  731.  
  732. {block:PreviousPage}{/block:PreviousPage}
  733.  
  734. {block:TagPage}{/block:TagPage}
  735.  
  736. {/block:IfNotInfiniteScroll}
  737.  
  738. }
  739.  
  740. #relativity {
  741.  
  742. position:relative;
  743.  
  744. width:100%;height:100%;
  745.  
  746. }
  747.  
  748. .entry {
  749.  
  750. overflow:hidden;
  751.  
  752. background:{color:PostsBackground};
  753.  
  754. margin:5px;
  755.  
  756. width:
  757.  
  758. {block:IfPostWidth500px}500px{/block:IfPostWidth500px}
  759.  
  760. {block:IfPostWidth400px}400px{/block:IfPostWidth400px}
  761.  
  762. {block:IfPostWidth320px}320px{/block:IfPostWidth320px}
  763.  
  764. {block:IfPostWidth250px}250px{/block:IfPostWidth250px};
  765.  
  766. {block:IfNot1Column}
  767.  
  768. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  769.  
  770. {/block:IfNot1Column}
  771.  
  772. padding:9px 9px 4px 9px;
  773.  
  774. float:left;
  775.  
  776. position:relative;
  777.  
  778. border:1px solid {color:PostsOutline};
  779.  
  780. {block:IfBoxShadow}
  781.  
  782. box-shadow: 0 0 {text:ShadowSpread}px rgba(0,0,0,{text:ShadowOpacity});
  783.  
  784. -moz-box-shadow: 0 0 {text:ShadowSpread}px rgba(0,0,0,{text:ShadowOpacity});
  785.  
  786. -webkit-box-shadow: 0 0 {text:ShadowSpread}px rgba(0,0,0,{text:ShadowOpacity});
  787.  
  788. {/block:IfBoxShadow}
  789.  
  790. }
  791.  
  792. .textbox {
  793.  
  794. margin:-10px 0px -5px;
  795.  
  796. {block:IfBasicPermalinkBorder}
  797.  
  798. margin:-10px 0px -1px;
  799.  
  800. {block:IfBasicPermalinkBorder}
  801.  
  802. }
  803.  
  804. .notebox {
  805.  
  806. margin:-10px 0px -5px;
  807.  
  808. }
  809.  
  810. .textbox img {
  811.  
  812. max-width:100%;
  813.  
  814. height:auto;
  815.  
  816. }
  817.  
  818. .entry .question{
  819.  
  820.     padding: 10px;
  821.  
  822. border: 1px solid rgba(0,0,0,0.2);
  823.  
  824. border-bottom:0;
  825.  
  826. }
  827.  
  828. .entry .nipple{
  829.  
  830. background: url('http://media.tumblr.com/tumblr_mbr0ub239n1qk7o6d.png') top left;
  831.  
  832. height:6px;
  833.  
  834. opacity:0.2;
  835.  
  836. }
  837.  
  838. .entry .questioner{
  839.  
  840. margin:5px 0 0 14px;
  841.  
  842. padding-bottom:10px;
  843.  
  844. }
  845.  
  846. .entry .questioner div{
  847.  
  848. margin:0 0 0 5px;
  849.  
  850. padding:3px 0;
  851.  
  852. height:14px;
  853.  
  854. display:inline-block;
  855.  
  856. }
  857.  
  858. .entry ul.chat{
  859.  
  860. list-style:none;
  861.  
  862. padding-left:0;
  863.  
  864. }
  865.  
  866. .entry ul.chat li{
  867.  
  868. padding:5px;
  869.  
  870. border-top:1px solid rgba(0,0,0,0.2);
  871.  
  872. }
  873.  
  874. .entry ul.chat li:first-child{
  875.  
  876. border:0;
  877.  
  878. padding-top:0px;
  879.  
  880. }
  881.  
  882. .entry ul.chat li:last-child{
  883.  
  884. padding-bottom:0px;
  885.  
  886. }
  887.  
  888. .entry a.read_more{
  889.  
  890. text-transform:lowercase;
  891.  
  892. }
  893.  
  894. .entry a.read_more:after{
  895.  
  896. text-decoration:none;
  897.  
  898. font-family:sans-serif;
  899.  
  900. font-size:10px;
  901.  
  902. content: " ?";
  903.  
  904. }
  905.  
  906. .arrows{
  907.  
  908. font-family:sans-serif;
  909.  
  910. font-size:10px;
  911.  
  912. }
  913.  
  914.  
  915.  
  916. #albumart {
  917.  
  918. width:100px;
  919.  
  920. height:100px;
  921.  
  922. margin-bottom:-1px;
  923.  
  924. }
  925.  
  926. #audioplayer {
  927.  
  928. width:27px;
  929.  
  930. height:27px;
  931.  
  932. overflow:hidden;
  933.  
  934. position:absolute;
  935.  
  936. top:36px;
  937.  
  938. left:36px;
  939.  
  940. opacity:0.8;
  941.  
  942. }
  943.  
  944. #audiodetails {
  945.  
  946. position:absolute;
  947.  
  948. display:block;
  949.  
  950. top:0px;
  951.  
  952. left:110px;
  953.  
  954. width:100%;
  955.  
  956. }
  957.  
  958. #audiodetails ul{
  959.  
  960. list-style-type:none;
  961.  
  962. padding:0;
  963.  
  964. margin:0;
  965.  
  966. }
  967.  
  968. #audiodetails li{
  969.  
  970. padding:2px 0px;
  971.  
  972. }
  973.  
  974. ol.notes {
  975.  
  976. width: 100%;
  977.  
  978. padding: 0;
  979.  
  980. list-style-type: none;
  981.  
  982. }
  983.  
  984. ol.notes li.note {
  985.  
  986. margin: 0;
  987.  
  988. padding:0 0 8px 0;
  989.  
  990. }
  991.  
  992. ol.notes li.note:last-child{
  993.  
  994. padding:0 0 2px 0;
  995.  
  996. }
  997.  
  998. ol.notes li.note img {
  999.  
  1000. margin: 0 2px -2px 0px;
  1001.  
  1002. }
  1003.  
  1004. ol.notes blockquote{
  1005.  
  1006. margin:5px 0 0px 23px;
  1007.  
  1008. padding-left:5px;
  1009.  
  1010. }
  1011.  
  1012. #infscr-loading{
  1013.  
  1014. position: absolute;
  1015.  
  1016. bottom: 0px;
  1017.  
  1018. left: 50%;
  1019.  
  1020. width:56px;
  1021.  
  1022. height:21px;
  1023.  
  1024. margin: 0 0 15px -28px;
  1025.  
  1026. overflow:hidden;
  1027.  
  1028. opacity:0.8;
  1029.  
  1030. text-align:center;
  1031.  
  1032. }
  1033.  
  1034.  
  1035.  
  1036. /** Post Hovers **/
  1037.  
  1038.  
  1039.  
  1040. .details-r, .details-l, .details-t{
  1041.  
  1042. padding-top:4px;
  1043.  
  1044. font-family: Calibri;
  1045.  
  1046. font-weight:bold;
  1047.  
  1048. font-size:10px;
  1049.  
  1050. text-transform:uppercase;
  1051.  
  1052. line-height:13px;
  1053.  
  1054. color:#f7f7f7;
  1055.  
  1056. }
  1057.  
  1058. .details-r{
  1059.  
  1060. text-align:right;
  1061.  
  1062. {block:IfBasicPermalinkBorder}
  1063.  
  1064. border-top: 1px solid rgba(0,0,0,0.2);
  1065.  
  1066. {/block:IfBasicPermalinkBorder}
  1067.  
  1068. }
  1069.  
  1070. .details-l{
  1071.  
  1072. position:absolute;
  1073.  
  1074. left:0px;
  1075.  
  1076. bottom:0px;
  1077.  
  1078. text-align:left;
  1079.  
  1080. }
  1081.  
  1082. .details-t{
  1083.  
  1084. text-align:center;
  1085.  
  1086. {block:IfBasicPermalinkBorder}
  1087.  
  1088. border-top: 1px solid rgba(0,0,0,0.2);
  1089.  
  1090. {/block:IfBasicPermalinkBorder}
  1091.  
  1092. }
  1093.  
  1094. .details-r a, .details-l a, .details-t a{
  1095.  
  1096. color:#f7f7f7;
  1097.  
  1098. }
  1099.  
  1100. {block:IfColourfulPermalinks}
  1101.  
  1102. .details-r a:hover, .details-l a:hover, .details-t a:hover{
  1103.  
  1104. color:#f7f7f7;
  1105.  
  1106. }
  1107.  
  1108. {/block:IfColourfulPermalinks}
  1109.  
  1110.  
  1111.  
  1112. .gradient{
  1113.  
  1114. position:absolute;
  1115.  
  1116. left:0;
  1117.  
  1118. height:14px;
  1119.  
  1120. width:100%;
  1121.  
  1122. text-align:center;
  1123.  
  1124. opacity:0;
  1125.  
  1126. {block:IfNotPermalinkSwitch}
  1127.  
  1128. bottom:0;
  1129.  
  1130. padding:16px 0 10px 0;
  1131.  
  1132. {block:IfPermalinkMovement}
  1133.  
  1134. padding:16px 0 0px 0;
  1135.  
  1136. {/block:IfPermalinkMovement}
  1137.  
  1138. background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  1139.  
  1140. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,{text:PermalinkOpacity})));
  1141.  
  1142. background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  1143.  
  1144. background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  1145.  
  1146. background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  1147.  
  1148. background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  1149.  
  1150. {/block:IfNotPermalinkSwitch}
  1151.  
  1152. {block:IfPermalinkSwitch}
  1153.  
  1154. top:0;
  1155.  
  1156. padding:10px 0 16px 0;
  1157.  
  1158. {block:IfPermalinkMovement}
  1159.  
  1160. padding:0px 0 16px 0;
  1161.  
  1162. {/block:IfPermalinkMovement}
  1163.  
  1164. background: -moz-linear-gradient(bottom,  rgba(0,0,0,0) 0%, rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  1165.  
  1166. background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,{text:PermalinkOpacity})));
  1167.  
  1168. background: -webkit-linear-gradient(bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  1169.  
  1170. background: -o-linear-gradient(bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  1171.  
  1172. background: -ms-linear-gradient(bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  1173.  
  1174. background: linear-gradient(to top,  rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  1175.  
  1176. {/block:IfPermalinkSwitch}
  1177.  
  1178.  
  1179.  
  1180.  
  1181.  
  1182. }
  1183.  
  1184. .entry:hover .gradient{
  1185.  
  1186. opacity:0.99;
  1187.  
  1188. padding:16px 0 10px 0;
  1189.  
  1190. {block:IfPermalinkSwitch}
  1191.  
  1192. padding:10px 0 16px 0;
  1193.  
  1194. {/block:IfPermalinkSwitch}
  1195.  
  1196. }
  1197.  
  1198. .gradient a:hover{
  1199.  
  1200. text-decoration:none;
  1201.  
  1202. }
  1203.  
  1204. .reblogspan{
  1205.  
  1206. color:transparent;
  1207.  
  1208. width:13px;
  1209.  
  1210. height:13px;
  1211.  
  1212. background:url('http://media.tumblr.com/tumblr_mboy88Mmjo1qk7o6d.png');
  1213.  
  1214. display:inline-block;
  1215.  
  1216. }
  1217.  
  1218. .reblogspan-2{
  1219.  
  1220. color:transparent;
  1221.  
  1222. width:13px;
  1223.  
  1224. height:13px;
  1225.  
  1226. font-size:12px;
  1227.  
  1228. margin:0 1px;
  1229.  
  1230. background:url('http://static.tumblr.com/eb7avl1/lDEmmnvm4/reblog_small_white.png');
  1231.  
  1232. display:inline-block;
  1233.  
  1234. opacity:0.5;
  1235.  
  1236.  
  1237.  
  1238. }
  1239.  
  1240. .notespan{
  1241.  
  1242. padding: 0 5px;
  1243.  
  1244. color:#fff;
  1245.  
  1246. font-family: Calibri;
  1247.  
  1248. font-weight:bold;
  1249.  
  1250. font-size:12px;
  1251.  
  1252. line-height:14px;
  1253.  
  1254. letter-spacing:1px;
  1255.  
  1256. }
  1257.  
  1258. .my-like {
  1259.  
  1260. cursor:pointer;
  1261.  
  1262. color:transparent;
  1263.  
  1264.     width:13px;
  1265.  
  1266. height:13px;
  1267.  
  1268. background:url('http://media.tumblr.com/tumblr_mbp2zdKVHR1qk7o6d.png');
  1269.  
  1270. display:inline-block;
  1271.  
  1272. }
  1273.  
  1274. .my-basic-like {
  1275.  
  1276. cursor:pointer;
  1277.  
  1278. color:transparent;
  1279.  
  1280.     width:13px;
  1281.  
  1282. height:13px;
  1283.  
  1284. font-size:12px;
  1285.  
  1286. margin:0 0 0 1px;
  1287.  
  1288. background:url('http://static.tumblr.com/eb7avl1/w9Ymmnvhw/white_heart_final.png');
  1289.  
  1290. display:inline-block;
  1291.  
  1292. opacity:0.5;
  1293.  
  1294. }
  1295.  
  1296. .my-liked {
  1297.  
  1298. cursor:pointer;
  1299.  
  1300. color:transparent;
  1301.  
  1302.     width:13px;
  1303.  
  1304. height:13px;
  1305.  
  1306. background:url('http://media.tumblr.com/tumblr_mbp2zu4pim1qk7o6d.png');
  1307.  
  1308. display:inline-block;
  1309.  
  1310. }
  1311.  
  1312. .my-basic-liked {
  1313.  
  1314. cursor:pointer;
  1315.  
  1316. color:transparent;
  1317.  
  1318.     width:13px;
  1319.  
  1320. height:13px;
  1321.  
  1322. font-size:12px;
  1323.  
  1324. margin:0 0 0 1px;
  1325.  
  1326. background:url('http://media.tumblr.com/tumblr_mbp2zu4pim1qk7o6d.png');
  1327.  
  1328. display:inline-block;
  1329.  
  1330. }
  1331.  
  1332.  
  1333.  
  1334. #over{
  1335.  
  1336. height:108%;
  1337.  
  1338. position:absolute;
  1339.  
  1340. top:0px;
  1341.  
  1342. left:0px;
  1343.  
  1344. width: 100%;
  1345.  
  1346. z-index:-99999999;
  1347.  
  1348. }
  1349.  
  1350.  
  1351.  
  1352. /** Navigation **/
  1353.  
  1354.  
  1355.  
  1356. .pagenav{
  1357.  
  1358. background:{color:PostsBackground};
  1359.  
  1360. padding:10px;
  1361.  
  1362. margin: -5px 5px 5px;
  1363.  
  1364. color:#f7f7f7;
  1365.  
  1366. font-size:11px;
  1367.  
  1368. font-family:Calibri;
  1369.  
  1370. line-height:11px;
  1371.  
  1372. font-weight:bold;
  1373.  
  1374. text-align:center;
  1375.  
  1376. {block:IfBoxShadow}
  1377.  
  1378. box-shadow: 0 0 {text:ShadowSpread}px rgba(0,0,0,{text:ShadowOpacity});
  1379.  
  1380. -moz-box-shadow: 0 0 {text:ShadowSpread}px rgba(0,0,0,{text:ShadowOpacity});
  1381.  
  1382. -webkit-box-shadow: 0 0 {text:ShadowSpread}px rgba(0,0,0,{text:ShadowOpacity});
  1383.  
  1384. {/block:IfBoxShadow}
  1385.  
  1386. text-decoration:none;
  1387.  
  1388. display:block;
  1389.  
  1390. position:relative;
  1391.  
  1392. text-transform:uppercase;
  1393.  
  1394. }
  1395.  
  1396. .pagenav .next{
  1397.  
  1398. position:absolute;
  1399.  
  1400. z-index:99999;
  1401.  
  1402. right:10px;
  1403.  
  1404. top:10px;
  1405.  
  1406. font-family:calibri;
  1407.  
  1408. font-size:11px;
  1409.  
  1410. line-height:11px;
  1411.  
  1412. letter-spacing:0px;
  1413.  
  1414. font-weight:normal;
  1415.  
  1416. color:#f7f7f7;
  1417.  
  1418. text-transform:none;
  1419.  
  1420. }
  1421.  
  1422. .pagenav .prev{
  1423.  
  1424. position:absolute;
  1425.  
  1426. z-index:99999;
  1427.  
  1428. left:10px;
  1429.  
  1430. top:10px;
  1431.  
  1432. font-family:calibri;
  1433.  
  1434. font-size:11px;
  1435.  
  1436. line-height:11px;
  1437.  
  1438. letter-spacing:0px;
  1439.  
  1440. font-weight:normal;
  1441.  
  1442. color:#f7f7f7;
  1443.  
  1444. text-transform:none;
  1445.  
  1446. }
  1447.  
  1448. .nextpage{
  1449.  
  1450. background:{color:PostsBackground};
  1451.  
  1452. margin: 5px 5px -5px;
  1453.  
  1454. padding:10px;
  1455.  
  1456. height:11px;
  1457.  
  1458. color:#f7f7f7;
  1459.  
  1460. font-size:11px;
  1461.  
  1462. font-family:Calibri;
  1463.  
  1464. line-height:11px;
  1465.  
  1466. font-weight:bold;
  1467.  
  1468. text-align:center;
  1469.  
  1470. {block:IfBoxShadow}
  1471.  
  1472. box-shadow: 0 0 {text:ShadowSpread}px rgba(0,0,0,{text:ShadowOpacity});
  1473.  
  1474. -moz-box-shadow: 0 0 {text:ShadowSpread}px rgba(0,0,0,{text:ShadowOpacity});
  1475.  
  1476. -webkit-box-shadow: 0 0 {text:ShadowSpread}px rgba(0,0,0,{text:ShadowOpacity});
  1477.  
  1478. {/block:IfBoxShadow}
  1479.  
  1480. text-decoration:none;
  1481.  
  1482. display:block;
  1483.  
  1484. opacity:0;
  1485.  
  1486. }
  1487.  
  1488. .nextpage:hover{
  1489.  
  1490. text-decoration:none;
  1491.  
  1492. color:#f7f7f7;
  1493.  
  1494. }
  1495.  
  1496.  
  1497.  
  1498.  
  1499.  
  1500.  
  1501.  
  1502. {CustomCSS}
  1503.  
  1504.  
  1505.  
  1506. body, a, a:hover { cursor:url(http://static.tumblr.com/lnej02q/XUzmhr2ia/04.png), auto }
  1507.  
  1508.  
  1509.  
  1510.    
  1511.  
  1512. </style>
  1513.  
  1514. <script>
  1515.  
  1516. window.onload = function () {
  1517.  
  1518. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  1519.  
  1520. document.addEventListener( 'click', function ( event ) {
  1521.  
  1522.     var myLike = event.target;
  1523.  
  1524.     if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  1525.  
  1526.         var frame = document.getElementById( 'my-like-frame' ),
  1527.  
  1528.             liked = ( myLike.className == 'my-liked' ),
  1529.  
  1530.             command = liked ? 'unlike' : 'like',
  1531.  
  1532.             reblog = myLike.getAttribute( 'data-reblog' ),
  1533.  
  1534.             id = myLike.getAttribute( 'data-id' ),
  1535.  
  1536.             oauth = reblog.slice( -8 );
  1537.  
  1538.         frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  1539.  
  1540.         liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  1541.  
  1542.     };
  1543.  
  1544. }, false );
  1545.  
  1546. document.addEventListener( 'click', function ( event ) {
  1547.  
  1548.     var myLike = event.target;
  1549.  
  1550.     if( myLike.className.indexOf( 'my-basic-like' ) > -1 ) {
  1551.  
  1552.         var frame = document.getElementById( 'my-like-frame' ),
  1553.  
  1554.             liked = ( myLike.className == 'my-basic-liked' ),
  1555.  
  1556.             command = liked ? 'unlike' : 'like',
  1557.  
  1558.             reblog = myLike.getAttribute( 'data-reblog' ),
  1559.  
  1560.             id = myLike.getAttribute( 'data-id' ),
  1561.  
  1562.             oauth = reblog.slice( -8 );
  1563.  
  1564.         frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  1565.  
  1566.         liked ? myLike.className = 'my-basic-like' : myLike.className = 'my-basic-liked';
  1567.  
  1568.     };
  1569.  
  1570. }, false );
  1571.  
  1572. };
  1573.  
  1574. </script>
  1575.  
  1576.  
  1577.  
  1578. </head>
  1579.  
  1580. <body>
  1581.  
  1582. {block:IfInfiniteScroll}{block:IndexPage}<div id ="over"></div>{/block:IndexPage}{/block:IfInfiniteScroll}
  1583.  
  1584. <div id="bigbox">
  1585.  
  1586.  
  1587.  
  1588. <div class="sidebar">
  1589.  
  1590. {block:IfPortraitImage}
  1591.  
  1592. <div class="portrait"><a href="/">
  1593.  
  1594. <img src="{image:Portrait}" width="250px" height="auto" /></a>
  1595.  
  1596. </div>{/block:IfPortraitImage}
  1597.  
  1598. <div class="textbox">
  1599.  
  1600. {block:IfLinksAfterDescription}
  1601.  
  1602. <div class="description"><p>{Description}</p></div>
  1603.  
  1604. {/block:IfLinksAfterDescription}
  1605.  
  1606. <div class="sidebarlinks"><p><span style="cursor:pointer"><a href="/">{text:HomeLink}</a>
  1607.  
  1608. {block:IfLinkToAsk} {text:LinkSeparator}
  1609.  
  1610. <a href="/ask">{text:AskLink}</a>{/block:IfLinkToAsk}
  1611.  
  1612. {block:Pages} {text:LinkSeparator} <a href="{URL}">{Label}</a>{/block:Pages}
  1613.  
  1614. {block:IfOnlineUsersScript} {text:LinkSeparator} {text:OnlineUsersScript}{/block:IfOnlineUsersScript}</span></p></div>
  1615.  
  1616. {block:IfNotLinksAfterDescription}
  1617.  
  1618. <div class="description"><p>{Description}</p></div>
  1619.  
  1620. {/block:IfNotLinksAfterDescription}
  1621.  
  1622. </div></div>
  1623.  
  1624. {block:IfFullHeightSidebar}<div class="sidebar-bg"></div>{/block:IfFullHeightSidebar}
  1625.  
  1626. <div id="container">
  1627.  
  1628.  
  1629.  
  1630. {block:IfNotInfiniteScroll}
  1631.  
  1632. {block:IndexPage}
  1633.  
  1634. <div class="pagenav" style="display:none;
  1636. {block:PreviousPage}display:block;{/block:PreviousPage}
  1638. {block:TagPage}display:block;{/block:TagPage}">
  1639.  
  1640. {block:TagPage}# {Tag} {text:LinkSeparator} {/block:TagPage}Page {CurrentPage}/{TotalPages}
  1641.  
  1642. {block:PreviousPage}
  1643.  
  1644. <a href="{PreviousPage}" class="prev">
  1645.  
  1646. <span class="arrows">?</span> previous page
  1647.  
  1648. </a>
  1649.  
  1650. {/block:PreviousPage}
  1651.  
  1652. {block:NextPage}
  1653.  
  1654. <a href="{NextPage}" class="next">
  1655.  
  1656. next page <span class="arrows">?</span>
  1657.  
  1658. </a>
  1659.  
  1660. {/block:NextPage}
  1661.  
  1662. </div>
  1663.  
  1664. {/block:IndexPage}
  1665.  
  1666. {/block:IfNotInfiniteScroll}
  1667.  
  1668.  
  1669.  
  1670. <div id="posts">
  1671.  
  1672.  
  1673.  
  1674. {block:Posts}
  1675.  
  1676. <div class="entry"
  1677.  
  1678. {block:IfNotBasicPermalinks}
  1679.  
  1680. {block:IndexPage}
  1681.  
  1682. {block:Photo}style="padding-bottom:9px"{/block:Photo}
  1683.  
  1684. {block:Photoset}style="padding-bottom:9px"{/block:Photoset}
  1685.  
  1686. {/block:IndexPage}
  1687.  
  1688. {block:IfNotBasicPermalinks}
  1689.  
  1690. >
  1691.  
  1692. <div id="relativity">
  1693.  
  1694.  
  1695.  
  1696. {block:Text}
  1697.  
  1698. <div class="textbox">              
  1699.  
  1700. {block:Title}
  1701.  
  1702. <h1>{Title}</h1>
  1703.  
  1704. {/block:Title}
  1705.  
  1706. {Body}
  1707.  
  1708. </div>
  1709.  
  1710. {/block:Text}
  1711.  
  1712.  
  1713.  
  1714. {block:Photo}
  1715.  
  1716. {block:IndexPage}<a href="{Permalink}">
  1717.  
  1718. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%" />
  1719.  
  1720. </a>
  1721.  
  1722. {/block:IndexPage}
  1723.  
  1724. {block:PermalinkPage}
  1725.  
  1726. {LinkOpenTag}
  1727.  
  1728. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%" />
  1729.  
  1730. {LinkCloseTag}
  1731.  
  1732. {/block:PermalinkPage}
  1733.  
  1734. {/block:Photo}
  1735.  
  1736.  
  1737.  
  1738. {block:Photoset}
  1739.  
  1740. <div style="margin-bottom:-3px;text-align:center;">
  1741.  
  1742. {block:IndexPage}
  1743.  
  1744. {block:IfPostWidth500px}
  1745.  
  1746. {Photoset-500}
  1747.  
  1748. {/block:IfPostWidth500px}{block:IfPostWidth400px}
  1749.  
  1750. {Photoset-400}
  1751.  
  1752. {/block:IfPostWidth400px}
  1753.  
  1754. {block:IfPostWidth320px}
  1755.  
  1756. {Photoset-250}
  1757.  
  1758. {/block:IfPostWidth320px}
  1759.  
  1760. {block:IfPostWidth250px}
  1761.  
  1762. {Photoset-250}
  1763.  
  1764. {/block:IfPostWidth250px}
  1765.  
  1766. {/block:IndexPage}
  1767.  
  1768. {block:PermalinkPage}
  1769.  
  1770. {block:IfNot1Column}
  1771.  
  1772. {Photoset-500}
  1773.  
  1774. {/block:IfNot1Column}
  1775.  
  1776. {block:If1Column}
  1777.  
  1778. {block:IfPostWidth500px}
  1779.  
  1780. {Photoset-500}
  1781.  
  1782. {/block:IfPostWidth500px}
  1783.  
  1784. {block:IfPostWidth400px}
  1785.  
  1786. {Photoset-400}
  1787.  
  1788. {/block:IfPostWidth400px}
  1789.  
  1790. {block:IfPostWidth320px}
  1791.  
  1792. {Photoset-250}
  1793.  
  1794. {/block:IfPostWidth320px}
  1795.  
  1796. {block:IfPostWidth250px}
  1797.  
  1798. {Photoset-250}
  1799.  
  1800. {/block:IfPostWidth250px}
  1801.  
  1802. {/block:If1Column}
  1803.  
  1804. {/block:PermalinkPage}
  1805.  
  1806. </div>
  1807.  
  1808. {/block:Photoset}
  1809.  
  1810.  
  1811.  
  1812. {block:Quote}
  1813.  
  1814. <div class="textbox" style="text-align:center;">
  1815.  
  1816. <h1>"{Quote}"</h1>
  1817.  
  1818. {block:Source}
  1819.  
  1820. <p>{Source}</p>
  1821.  
  1822. {/block:Source}
  1823.  
  1824. </div>
  1825.  
  1826. {/block:Quote}
  1827.  
  1828.  
  1829.  
  1830. {block:Link}
  1831.  
  1832. <div class="textbox">
  1833.  
  1834. <h1> <a href="{URL}" class="link" {Target}>{Name}</a> </h1>
  1835.  
  1836. {block:Description}
  1837.  
  1838. <p>{Description}</p>
  1839.  
  1840. {/block:Description}
  1841.  
  1842. </div>
  1843.  
  1844. {/block:Link}
  1845.  
  1846.  
  1847.  
  1848. {block:Chat}
  1849.  
  1850. <div class="textbox">
  1851.  
  1852. {block:Title}
  1853.  
  1854. <a href="{Permalink}"><h1>{Title}</h1></a>
  1855.  
  1856. {/block:Title}
  1857.  
  1858. <ul class="chat">
  1859.  
  1860. {block:Lines}
  1861.  
  1862. <li class="{Alt} user_{UserNumber}">  
  1863.  
  1864. {block:Label}
  1865.  
  1866. <span class="label" style="font-weight:bold">{Label}</span>
  1867.  
  1868. {/block:Label}
  1869.  
  1870. {Line}
  1871.  
  1872. </li>
  1873.  
  1874. {/block:Lines}
  1875.  
  1876. </ul>
  1877.  
  1878. </div>
  1879.  
  1880. {/block:Chat}
  1881.  
  1882.  
  1883.  
  1884. {block:Audio}
  1885.  
  1886. {block:AudioPlayer}    
  1887.  
  1888. <div id="albumart" style="position:relative;">
  1889.  
  1890. <img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" width="100px" style="position:absolute;top:0;left:0;">
  1891.  
  1892. {block:AlbumArt}<img src="{AlbumArtURL}" width="100px" style="position:absolute;top:0;left:0;">{/block:AlbumArt}
  1893.  
  1894. <div id="audioplayer">{AudioPlayerBlack} </div>
  1895.  
  1896. </div>
  1897.  
  1898. <div id="audiodetails">
  1899.  
  1900. <ul>
  1901.  
  1902. <li>{block:Artist}
  1903.  
  1904. {Artist}
  1905.  
  1906. {/block:Artist}</li>
  1907.  
  1908. <li>{block:TrackName}
  1909.  
  1910. <b>{TrackName}</b>
  1911.  
  1912. {/block:TrackName}</li>
  1913.  
  1914. <li>{block:Album}
  1915.  
  1916. {Album}
  1917.  
  1918. {/block:Album}</li>
  1919.  
  1920. </ul>
  1921.  
  1922. </div>
  1923.  
  1924. {/block:AudioPlayer}
  1925.  
  1926. {block:AudioEmbed}
  1927.  
  1928. {block:IndexPage}
  1929.  
  1930. {block:IfPostWidth500px}
  1931.  
  1932. {AudioEmbed-500}
  1933.  
  1934. {/block:IfPostWidth500px}{block:IfPostWidth400px}
  1935.  
  1936. {AudioEmbed-400}
  1937.  
  1938. {/block:IfPostWidth400px}
  1939.  
  1940. {block:IfPostWidth320px}
  1941.  
  1942. {AudioEmbed-250}
  1943.  
  1944. {/block:IfPostWidth320px}
  1945.  
  1946. {block:IfPostWidth250px}
  1947.  
  1948. {AudioEmbed-250}
  1949.  
  1950. {/block:IfPostWidth250px}
  1951.  
  1952. {/block:IndexPage}
  1953.  
  1954. {block:PermalinkPage}
  1955.  
  1956. {block:IfNot1Column}
  1957.  
  1958. {AudioEmbed-500}
  1959.  
  1960. {/block:IfNot1Column}
  1961.  
  1962. {block:If1Column}
  1963.  
  1964. {block:IfPostWidth500px}
  1965.  
  1966. {AudioEmbed-500}
  1967.  
  1968. {/block:IfPostWidth500px}
  1969.  
  1970. {block:IfPostWidth400px}
  1971.  
  1972. {AudioEmbed-400}
  1973.  
  1974. {/block:IfPostWidth400px}
  1975.  
  1976. {block:IfPostWidth320px}
  1977.  
  1978. {AudioEmbed-250}
  1979.  
  1980. {/block:IfPostWidth320px}
  1981.  
  1982. {block:IfPostWidth250px}
  1983.  
  1984. {AudioEmbed-250}
  1985.  
  1986. {/block:IfPostWidth250px}
  1987.  
  1988. {/block:If1Column}
  1989.  
  1990. {/block:PermalinkPage}{/block:AudioEmbed}
  1991.  
  1992. {/block:Audio}
  1993.  
  1994.  
  1995.  
  1996. {block:Video}
  1997.  
  1998. <div style="text-align:center;margin-bottom:-3px;">
  1999.  
  2000. {block:IndexPage}
  2001.  
  2002. {block:IfPostWidth500px}
  2003.  
  2004. {Video-500}
  2005.  
  2006. {/block:IfPostWidth500px}
  2007.  
  2008. {block:IfPostWidth400px}
  2009.  
  2010. {Video-400}
  2011.  
  2012. {/block:IfPostWidth400px}
  2013.  
  2014. {block:IfPostWidth320px}
  2015.  
  2016. {Video-250}
  2017.  
  2018. {/block:IfPostWidth320px}
  2019.  
  2020. {block:IfPostWidth250px}
  2021.  
  2022. {Video-250}
  2023.  
  2024. {/block:IfPostWidth250px}
  2025.  
  2026. {/block:IndexPage}
  2027.  
  2028. {block:PermalinkPage}
  2029.  
  2030. {block:IfNot1Column}
  2031.  
  2032. {Video-500}
  2033.  
  2034. {/block:IfNot1Column}
  2035.  
  2036. {block:If1Column}
  2037.  
  2038. {block:IfPostWidth500px}
  2039.  
  2040. {Video-500}
  2041.  
  2042. {/block:IfPostWidth500px}
  2043.  
  2044. {block:IfPostWidth400px}
  2045.  
  2046. {Video-400}
  2047.  
  2048. {/block:IfPostWidth400px}
  2049.  
  2050. {block:IfPostWidth320px}
  2051.  
  2052. {Video-250}
  2053.  
  2054. {/block:IfPostWidth320px}
  2055.  
  2056. {block:IfPostWidth250px}
  2057.  
  2058. {Video-250}
  2059.  
  2060. {/block:IfPostWidth250px}
  2061.  
  2062. {/block:If1Column}
  2063.  
  2064. {/block:PermalinkPage}
  2065.  
  2066. </div>
  2067.  
  2068. {/block:Video}
  2069.  
  2070.  
  2071.  
  2072. {block:Answer}
  2073.  
  2074. <div class="question">
  2075.  
  2076. {Question}
  2077.  
  2078. </div>
  2079.  
  2080. <div class="nipple"></div>
  2081.  
  2082. <div class="questioner"><img src="{AskerPortraitURL-128}" width="20" height="20"/><div>{Asker}</div></div>
  2083.  
  2084. <div class="textbox">{Answer}</div>
  2085.  
  2086. {/block:Answer}
  2087.  
  2088.  
  2089.  
  2090. {block:IndexPage}
  2091.  
  2092. {block:IfNotBasicPermalinks}
  2093.  
  2094. {block:Photo}
  2095.  
  2096. <div class="gradient transition">
  2097.  
  2098. <a href="{ReblogURL}" title="Reblog" target="_blank"><span class="reblogspan">o</span></a>
  2099.  
  2100. <a href="{Permalink}" title="Permalink"><span class="notespan">{NoteCount}</span></a>
  2101.  
  2102. <span class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">o</span></div>
  2103.  
  2104. {/block:Photo}
  2105.  
  2106. {block:Photoset}
  2107.  
  2108. <div class="gradient transition">
  2109.  
  2110. <a href="{ReblogURL}" title="Reblog" target="_blank"><span class="reblogspan">o</span></a>
  2111.  
  2112. <a href="{Permalink}" title="Permalink"><span class="notespan">{NoteCount}</span></a>
  2113.  
  2114. <span class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">o</span></div>
  2115.  
  2116. {/block:Photoset}
  2117.  
  2118. {/block:IfNotBasicPermalinks}
  2119.  
  2120. {/block:IndexPage}
  2121.  
  2122.  
  2123.  
  2124. {block:Date}
  2125.  
  2126. {block:PermalinkPage}
  2127.  
  2128. {block:Caption}<div {block:IfNotBasicPermalinkBorder}style="margin-bottom:-5px"{/block:IfNotBasicPermalinkBorder}>{Caption}</div>{/block:Caption}
  2129.  
  2130. {/block:PermalinkPage}
  2131.  
  2132. {block:IfShowCaptions}{block:IndexPage}
  2133.  
  2134. {block:Caption}<div {block:IfNotBasicPermalinks}{block:Photo}style="margin-bottom:-9px"{/block:Photo}
  2135.  
  2136. {block:Photoset}style="margin-bottom:-9px"{/block:Photoset}{/block:IfNotBasicPermalinks}
  2137.  
  2138. {block:IfNotBasicPermalinkBorder}style="margin-bottom:-5px"{/block:IfNotBasicPermalinkBorder}
  2139.  
  2140. >{Caption}</div>{/block:Caption}
  2141.  
  2142. {/block:IndexPage}{/block:IfShowCaptions}
  2143.  
  2144. {block:IndexPage}
  2145.  
  2146. <div {block:IfNotBasicPermalinks}{block:Photo}style="display:none;"{/block:Photo}{block:Photoset}style="display:none;"{/block:Photoset}{/block:IfNotBasicPermalinks}>
  2147.  
  2148. <div class="details-r" style="
  2150. {block:Photo}border-top:0;margin-top:1px;{/block:Photo}
  2152. {block:Photoset}border-top:0;margin-top:1px;{/block:Photoset}
  2154. {block:Video}border-top:0;margin-top:1px;{/block:Video}
  2156. {block:IfShowCaptions}{block:IfBasicPermalinkBorder}{block:Caption}border-top: 1px solid rgba(0,0,0,0.2);{/block:Caption}{/block:IfBasicPermalinkBorder}{/block:IfShowCaptions}
  2158. ">
  2159.  
  2160. <span style="cursor:pointer">
  2161.  
  2162. <a href="{Permalink}">{NoteCountWithLabel}</a> {text:LinkSeparator} <a href="{Permalink}" title="{12Hour}:{Minutes}{AmPm} - {DayOfWeek} {DayOfMonth}{DayOfMonthSuffix} {Month}" >{TimeAgo}</a><span style="padding-right:5px"></span>
  2163.  
  2164. <a href="{ReblogURL}" title="Reblog" target="_blank"><span class="reblogspan-2">x</span></a>
  2165.  
  2166. <span class="my-basic-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">x</span></span>
  2167.  
  2168. </div>
  2169.  
  2170. {block:RebloggedFrom}{block:IfNotPostWidth250px}{block:IfShowVia}
  2171.  
  2172. <div class="details-l"><span style="cursor:pointer"><a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> {text:LinkSeparator} <a href="{ReblogRootURL}" title="{ReblogRootName}" >source</a></span></div>
  2173.  
  2174. {/block:IfShowVia}{/block:IfNotPostWidth250px}{/block:RebloggedFrom}
  2175.  
  2176. </div>
  2177.  
  2178. {/block:IndexPage}
  2179.  
  2180.  
  2181.  
  2182. {block:PermalinkPage}
  2183.  
  2184. <div class="details-t"
  2185.  
  2186. style="
  2188. {block:Photo}border-top:0;margin-top:1px;{/block:Photo}
  2190. {block:Photoset}border-top:0;margin-top:1px;{/block:Photoset}
  2192. {block:Video}border-top:0;margin-top:1px;{/block:Video}
  2194. {block:IfBasicPermalinkBorder}
  2196. {block:Caption}border-top: 1px solid rgba(0,0,0,0.2);{/block:Caption}
  2198. {/block:IfBasicPermalinkBorder}
  2200. ">
  2201.  
  2202. <span {block:RebloggedFrom}style="display:none"{/block:RebloggedFrom}>posted</span><span>{block:RebloggedFrom}reblogged{/block:RebloggedFrom} at {12Hour}:{Minutes}{AmPm} on {DayOfWeek} {DayOfMonth}{DayOfMonthSuffix} {Month} {Year} with {NoteCountWithLabel}</span><br>
  2203.  
  2204. {block:RebloggedFrom} <span style="cursor:pointer">
  2205.  
  2206. <a href="{ReblogParentURL}">via {ReblogParentName}</a> {text:LinkSeparator} <a href="{ReblogRootURL}">originally {ReblogRootName}</a>
  2207.  
  2208. </span><br>{/block:RebloggedFrom}
  2209.  
  2210. <span style="cursor:pointer">
  2211.  
  2212. {block:HasTags}{block:Tags}<a href="{TagURL}" style="margin:0 2px"># {Tag}</a>{/block:Tags}{/block:HasTags}</span></div>
  2213.  
  2214. {/block:PermalinkPage}
  2215.  
  2216. {/block:Date}
  2217.  
  2218.  
  2219.  
  2220. </div>
  2221.  
  2222. </div>      
  2223.  
  2224.  
  2225.  
  2226. {block:PermalinkPage}
  2227.  
  2228.  
  2229.  
  2230. {block:PostNotes}
  2231.  
  2232. <div class="entry">
  2233.  
  2234. <div class="notebox">
  2235.  
  2236. {PostNotes}
  2237.  
  2238. </div></div>
  2239.  
  2240. {/block:PostNotes}
  2241.  
  2242. {/block:PermalinkPage}
  2243.  
  2244.  
  2245.  
  2246. {/block:Posts}
  2247.  
  2248. </div>
  2249.  
  2250.  
  2251.  
  2252. {block:IfNotInfiniteScroll}
  2253.  
  2254. {block:IndexPage}
  2255.  
  2256. {block:NextPage}
  2257.  
  2258. <a href="{NextPage}" class="nextpage">
  2259.  
  2260. NEXT PAGE
  2261.  
  2262. </a>
  2263.  
  2264. {/block:NextPage}
  2265.  
  2266. {/block:IndexPage}
  2267.  
  2268. {/block:IfNotInfiniteScroll}
  2269.  
  2270.  
  2271.  
  2272. </div></div>
  2273.  
  2274.  
  2275.  
  2276. {block:Pagination}
  2277.  
  2278. <div id="pagination" style="display:none;">
  2279.  
  2280. {block:NextPage}
  2281.  
  2282. <a id="nextPage" href="{NextPage}"></a>
  2283.  
  2284. {/block:NextPage}
  2285.  
  2286. </div>
  2287.  
  2288. {/block:Pagination}
  2289.  
  2290.  
  2291.  
  2292. <script src="http://static.tumblr.com/beiywxc/xycmgznif/jquery.min.js"></script>
  2293.  
  2294. <script src="http://static.tumblr.com/beiywxc/H7tmgznfy/jquery.masonry.min.js"></script>
  2295.  
  2296. <script src="http://static.tumblr.com/beiywxc/sj8mgznh2/jquery.infinitescroll.min.js"></script>
  2297.  
  2298. <script>
  2299.  
  2300.   $(function(){
  2301.  
  2302.    
  2303.  
  2304.     var $container = $('#posts');
  2305.  
  2306.    
  2307.  
  2308.     $container.imagesLoaded(function(){
  2309.  
  2310.       $container.masonry({
  2311.  
  2312.         itemSelector: '.entry',
  2313.  
  2314.       });
  2315.  
  2316.     });
  2317.  
  2318.  
  2319.  
  2320.     {block:IfInfiniteScroll}
  2321.  
  2322.     $container.infinitescroll({
  2323.  
  2324.       navSelector  : 'div#pagination',    // selector for the paged navigation
  2325.  
  2326.       nextSelector : 'div#pagination a#nextPage',  // selector for the NEXT link (to page 2)
  2327.  
  2328.       itemSelector : '.entry',     // selector for all items you'll retrieve
  2329.  
  2330.       loading: {
  2331.  
  2332.           finishedMsg: 'Fini.',
  2333.  
  2334.           img: 'http://static.tumblr.com/beiywxc/VXem7gjgj/ajax-loader__7_.gif'
  2335.  
  2336.         }
  2337.  
  2338.       },
  2339.  
  2340.       // trigger Masonry as a callback
  2341.  
  2342.       function( newElements ) {
  2343.  
  2344.         // hide new items while they are loading
  2345.  
  2346.         var $newElems = $( newElements ).css({ opacity: 0 });
  2347.  
  2348.         // ensure that images load before adding to masonry layout
  2349.  
  2350.         $newElems.imagesLoaded(function(){
  2351.  
  2352.           // show elems now they're ready
  2353.  
  2354.           $newElems.animate({ opacity: 1 });
  2355.  
  2356.           $container.masonry( 'appended', $newElems, true );
  2357.  
  2358.         });
  2359.  
  2360.       }
  2361.  
  2362.     );
  2363.  
  2364. {/block:IfInfiniteScroll}
  2365.  
  2366.    
  2367.  
  2368.   });
  2369.  
  2370. </script>
  2371.  
  2372. <script>
  2373.  
  2374. $(window).load(function(){
  2375.  
  2376.       // select element and animate its opacity
  2377.  
  2378.       $('a.nextpage').animate({
  2379.  
  2380.             opacity: 1 // 100%
  2381.  
  2382.       }, 100);
  2383.  
  2384. });
  2385.  
  2386. </script>
  2387.  
  2388. {block:RebloggedFrom} <a href=”{ReblogParentURL}” target=”_blank”>Via</a>{/block:RebloggedFrom}
  2389.  
  2390.  
  2391.  
  2392. {block:ContentSource}<a href=”{SourceURL}” target=”_blank”>Source</a>{/block:ContentSource}
  2393.  
  2394. </body>
  2395.  
  2396. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!