API tools faq
paste
Advertisement
feiinho

Escape 2.3.6 Theme by blinkanditsover

feiinho
Jul 20th, 2014
428
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 64.70 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#">
  4.  
  5.  
  6.  
  7. <!--
  8.  
  9.  
  10.  
  11. .ooooo. .oooo.o .ooooo. .oooo. oo.ooooo. .ooooo.
  12.  
  13. d88' `88b d88( "8 d88' `"Y8 `P )88b 888' `88b d88' `88b
  14.  
  15. 888ooo888 `"Y88b. 888 .oP"888 888 888 888ooo888
  16.  
  17. 888 .o o. )88b 888 .o8 d8( 888 888 888 888 .o
  18.  
  19. `Y8bod8P' 8""888P' `Y8bod8P' `Y888""8o 888bod8P' `Y8bod8P'
  20.  
  21. 888
  22.  
  23. by blinkanditsover o888o
  24.  
  25.  
  26.  
  27.  
  28.  
  29. __________________________________________________
  30.  
  31.  
  32.  
  33. Escape 2.3.6 Theme by blinkanditsover
  34.  
  35. http://themecloud.co/themes/escape
  36.  
  37. Support: support@twistr.co.uk or @theme_cloud
  38.  
  39. __________________________________________________
  40.  
  41.  
  42.  
  43.  
  44.  
  45. -->
  46.  
  47.  
  48.  
  49. <head>
  50.  
  51. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  52.  
  53. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  54.  
  55. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  56.  
  57. <link rel="shortcut icon" href="{Favicon}" />
  58.  
  59. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  60.  
  61. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  62.  
  63.  
  64.  
  65.  
  66.  
  67. <meta name="color:Background" content="#e2e2e2"/>
  68.  
  69. <meta name="color:Blog Title" content="#000000"/>
  70.  
  71. <meta name="color:Links" content="#f88559"/>
  72.  
  73. <meta name="color:Links Border" content="#e1e1e1"/>
  74.  
  75. <meta name="color:Links Hover" content="#ffffff"/>
  76.  
  77. <meta name="color:Music player" content="#e2e2e2"/>
  78.  
  79. <meta name="color:Pagination" content="#e2e2e2"/>
  80.  
  81. <meta name="color:Post Background" content="#FFFFFF"/>
  82.  
  83. <meta name="color:Post Border" content="#f88559"/>
  84.  
  85. <meta name="color:Post Title" content="#ffffff"/>
  86.  
  87. <meta name="color:Sidebar Background" content="#e2e2e2"/>
  88.  
  89. <meta name="color:Sidebar Border" content="#cccccc"/>
  90.  
  91. <meta name="color:Sidebar Description" content="#666666"/>
  92.  
  93. <meta name="color:Sidebar Links" content="#f88559"/>
  94.  
  95. <meta name="color:Text" content="#333333"/>
  96.  
  97.  
  98.  
  99. <meta name="if:1 Column" content="0" />
  100.  
  101. <meta name="if:Facebook Comment Permalink Page" content="1"/>
  102.  
  103. <meta name="if:Infinite Scroll" content="1"/>
  104.  
  105. <meta name="if:Photoset As Slider" content="0"/>
  106.  
  107. <meta name="if:Post Gradient" content="1" />
  108.  
  109. <meta name="if:Post Large Size" content="0"/>
  110.  
  111. <meta name="if:Post Medium Size" content="1"/>
  112.  
  113. <meta name="if:Sidebar background" content="0"/>
  114.  
  115. <meta name="if:Show Audio Title" content="0"/>
  116.  
  117. <meta name="if:Show Captions on Home Page" content="1"/>
  118.  
  119. <meta name="if:Show Photo Hover Buttons" content="1"/>
  120.  
  121. <meta name="if:Title Padding" content="1"/>
  122.  
  123. <meta name="if:Show Scroll To Top" content="0"/>
  124.  
  125.  
  126.  
  127. <meta name="image:Background" content=""/>
  128.  
  129. <meta name="image:Logo" content=""/>
  130.  
  131.  
  132.  
  133. <meta name="text:Disqus ID" content=""/>
  134.  
  135. <meta name="text:Instagram ID" content=""/>
  136.  
  137.  
  138.  
  139. <link rel="stylesheet" href="http://static.tumblr.com/2w7y46r/tpCltl37a/pictos_base.css">
  140.  
  141. <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Bebas Neue">
  142.  
  143. <link href='http://fonts.googleapis.com/css?family=Open+Sans:700italic' rel='stylesheet' type='text/css'>
  144.  
  145.  
  146.  
  147. <script type="text/javascript" language="javascript" src="http://assets.tumblr.com/javascript/tumblelog.js?1037"></script>
  148.  
  149.  
  150.  
  151. <!-- ESCAPE CSS CORE -->
  152.  
  153. <style>
  154.  
  155. /* CSS Document */
  156.  
  157. /* CSS RESET */
  158.  
  159. html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;list-style-type: none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}
  160.  
  161.  
  162.  
  163. *{
  164.  
  165. outline: none;
  166.  
  167. -moz-outline: none;
  168.  
  169. }
  170.  
  171. .left{float:left;} .right{float:right;} .clear{clear: both;}
  172.  
  173. .social_icons a{margin: 0px 10px 0 0;}
  174.  
  175.  
  176.  
  177. #tumblr_controls {
  178.  
  179. top: 17px !important;
  180.  
  181. right: 107px !important;
  182.  
  183. }
  184.  
  185.  
  186.  
  187. #menu_links{margin:10px 0px;}
  188.  
  189. #menu_links li{overflow:hidden;}
  190.  
  191. #tc_sidebar h3 span{
  192.  
  193. font-size: 0.85em;
  194.  
  195. font-weight:normal;
  196.  
  197. margin-left: 5px;
  198.  
  199. }
  200.  
  201. #tc_posts_container{
  202.  
  203. margin:0px auto;
  204.  
  205. position:relative;
  206.  
  207. float:left;
  208.  
  209. left:285px;
  210.  
  211. top:40px;
  212.  
  213. width: 82%;
  214.  
  215. padding-bottom:40px;
  216.  
  217. {block:IfNot1Column}
  218.  
  219. opacity:0;
  220.  
  221. {/block:IfNot1Column}
  222.  
  223. }
  224.  
  225.  
  226.  
  227. .tc_posts div.padding{padding:10px !important;}
  228.  
  229.  
  230.  
  231. .tc_posts:hover .permalink_links{
  232.  
  233. opacity:0.6;
  234.  
  235. -webkit-transition: opacity 0.4s ease-out;
  236.  
  237. -moz-transition: opacity 0.4s ease-out;
  238.  
  239. transition: opacity 0.4s ease-out;
  240.  
  241. -o-transition: opacity 0.4s ease-out;
  242.  
  243. }
  244.  
  245.  
  246.  
  247. .permalink_links span{
  248.  
  249. margin:0px 3px;
  250.  
  251. font-size:1.2em;
  252.  
  253. }
  254.  
  255.  
  256.  
  257. .permalink_links_highlight a{margin-left: 5px;border:0;}
  258.  
  259. .permalink_links_highlight a:first-child{margin-left:0px;}
  260.  
  261.  
  262.  
  263. a.heart_icon:hover{
  264.  
  265. color:#ff0000 !important;
  266.  
  267. }
  268.  
  269.  
  270.  
  271. .permalink_links span{
  272.  
  273. margin:0px 3px;
  274.  
  275. font-size:1.2em;
  276.  
  277. }
  278.  
  279.  
  280.  
  281. .tc_photo{
  282.  
  283. position:relative;
  284.  
  285. }
  286.  
  287.  
  288.  
  289. .photos{
  290.  
  291. width:100%;
  292.  
  293. -webkit-border-radius: 3px;
  294.  
  295. -moz-border-radius: 3px;
  296.  
  297. border-radius: 3px;
  298.  
  299. margin-bottom: -5px; /* fix photos bottom */
  300.  
  301. }
  302.  
  303.  
  304.  
  305.  
  306.  
  307.  
  308.  
  309. .noteCount{
  310.  
  311. font-size: 1em !important;
  312.  
  313. }
  314.  
  315.  
  316.  
  317. .pictos{font-family: PictosRegular;}
  318.  
  319.  
  320.  
  321. .audioplayercontainer{
  322.  
  323. position:relative;
  324.  
  325. min-height: 70px;
  326.  
  327. height: auto !important;
  328.  
  329. height: 70px; /* ie*/
  330.  
  331. }
  332.  
  333.  
  334.  
  335. .audioplayerinto{
  336.  
  337. width: 20px;
  338.  
  339. height: 30px;
  340.  
  341. overflow: hidden;
  342.  
  343. margin: 9px 15px 4px 8px;
  344.  
  345. }
  346.  
  347. .audioimage{
  348.  
  349. width:100%;
  350.  
  351. margin-bottom:-5px;
  352.  
  353. -webkit-border-radius: 3px;
  354.  
  355. -moz-border-radius: 3px;
  356.  
  357. border-radius: 3px;
  358.  
  359. }
  360.  
  361.  
  362.  
  363. .titleAudio_container{
  364.  
  365. position:relative;
  366.  
  367. min-height: 40px;
  368.  
  369. }
  370.  
  371.  
  372.  
  373. .trackLabel{
  374.  
  375. font-size: 1.2em;
  376.  
  377. }
  378.  
  379. .caption_audio{padding: 0px 10px 10px;}
  380.  
  381. .caption h3,
  382.  
  383. .caption h4, .caption h5, .caption h6{
  384.  
  385. margin: 5px 0px;
  386.  
  387. }
  388.  
  389.  
  390.  
  391. .caption h1{font-size: 2.5em; margin: 10px 0px;line-height: 1.4em;}
  392.  
  393. .caption h2{font-size: 2em; margin: 8px 0px; line-height: 1.2em;}
  394.  
  395. .caption h3{font-size: 1.5em; line-height: 1.2em;}
  396.  
  397. .caption h4{font-size: 1.3em;}
  398.  
  399. .caption h5{font-size: 1.2em;}
  400.  
  401. .caption h6{font-size: 1em;}
  402.  
  403.  
  404.  
  405. .caption blockquote {overflow:hidden;}
  406.  
  407. .caption p{margin-top:5px;font-size:0.9em; overflow:hidden;}
  408.  
  409. .caption p:first-child{margin-top: 0px;}
  410.  
  411.  
  412.  
  413. .caption ul, .caption ol{
  414.  
  415. margin: 10px 0px;
  416.  
  417. }
  418.  
  419.  
  420.  
  421. .caption ul li{
  422.  
  423. list-style: disc;
  424.  
  425. margin-top:5px;
  426.  
  427. margin-left: 15px;
  428.  
  429. }
  430.  
  431. .caption ol li{
  432.  
  433. list-style:decimal;
  434.  
  435. margin-top:5px;
  436.  
  437. margin-left: 20px;
  438.  
  439. }
  440.  
  441. .caption ul li:first-child, .caption ol li:first-child{margin-top:0px;}
  442.  
  443.  
  444.  
  445. .photosetPost{
  446.  
  447. position:relative;
  448.  
  449. width:100%;
  450.  
  451. overflow:hidden;
  452.  
  453. text-align:center;
  454.  
  455. -webkit-border-radius: 3px;
  456.  
  457. -moz-border-radius: 3px;
  458.  
  459. border-radius: 3px;
  460.  
  461. }
  462.  
  463.  
  464.  
  465. .photosetCircle_content{
  466.  
  467. text-align:center;
  468.  
  469. position:absolute;
  470.  
  471. bottom:0px;
  472.  
  473. width: 100%;
  474.  
  475. height: 25px;
  476.  
  477. }
  478.  
  479.  
  480.  
  481. .photosetCircle{
  482.  
  483. display:inline-block;
  484.  
  485. width: 10px;
  486.  
  487. height: 10px;
  488.  
  489. background-color: #000; /* for ie */
  490.  
  491. background-color: rgba(0,0,0,0.5) !important;
  492.  
  493. margin-right:10px;
  494.  
  495. cursor: pointer;
  496.  
  497.  
  498.  
  499. -webkit-border-radius: 10px;
  500.  
  501. -moz-border-radius: 10px;
  502.  
  503. border-radius: 10px;
  504.  
  505. }
  506.  
  507. .prevNext:hover{text-decoration:none;}
  508.  
  509. .permalinkPage .permaThings{margin-bottom:5px;}
  510.  
  511. .permalinkPage .permaThings a{border:0;}
  512.  
  513. .permalinkPage .permaThings .pictos{margin-right:8px;font-size:1.1em;}
  514.  
  515.  
  516.  
  517. .perma_notes .clear {
  518.  
  519. margin:0;
  520.  
  521. padding:0;
  522.  
  523. height:0px;
  524.  
  525. }
  526.  
  527.  
  528.  
  529. .perma_notes a{border:0;}
  530.  
  531. .perma_notes .avatar {
  532.  
  533. border:none;
  534.  
  535. margin:0;
  536.  
  537. padding:0;
  538.  
  539. width: 32px;
  540.  
  541. height: 32px;
  542.  
  543. }
  544.  
  545.  
  546.  
  547. .perma_notes ol {
  548.  
  549. margin:0;
  550.  
  551. padding:0;
  552.  
  553. }
  554.  
  555.  
  556.  
  557. .perma_notes li {
  558.  
  559. margin:0;
  560.  
  561. padding:0;
  562.  
  563. width:32px;
  564.  
  565. list-style:none;
  566.  
  567. border:none;
  568.  
  569. float:left;
  570.  
  571. margin: 0px 2px 2px;
  572.  
  573. margin-bottom:4px;
  574.  
  575. height:32px;
  576.  
  577. }
  578.  
  579.  
  580.  
  581. .perma_notes .note .action {
  582.  
  583. display:none;
  584.  
  585. visibility:hidden;
  586.  
  587. margin:0;
  588.  
  589. padding:0;
  590.  
  591.  
  592.  
  593. }
  594.  
  595.  
  596.  
  597. .perma_notes .note a:hover{border:0 !important;}
  598.  
  599. .more_box{
  600.  
  601. width:30px;
  602.  
  603. height:30px;
  604.  
  605. color:red;
  606.  
  607. margin:0;
  608.  
  609. padding:0;
  610.  
  611. float:left;
  612.  
  613. }
  614.  
  615. </style>
  616.  
  617.  
  618.  
  619. <!-- END ESCAPE CSS CORE-->
  620.  
  621.  
  622.  
  623.  
  624.  
  625. <style>
  626.  
  627. ::selection { background:{color:links}; color:{color:post background}; /* Safari and Opera */ }
  628.  
  629. ::-moz-selection { background:{color:links}; color:{color:post background}; /* Firefox */ }
  630.  
  631.  
  632.  
  633. a{
  634.  
  635. color:{color:Links};
  636.  
  637. text-decoration:none;
  638.  
  639. border-bottom: 1px dotted {color:Links Border};
  640.  
  641.  
  642.  
  643. -webkit-transition: all 0.2s ease;
  644.  
  645. -moz-transition: all 0.2s ease;
  646.  
  647. transition: all 0.2s ease;
  648.  
  649. -o-transition: all 0.2s ease;
  650.  
  651. }
  652.  
  653. a:hover{border-bottom: 1px solid; color:{color:Links Hover} !important;}
  654.  
  655. a:visited{color:{color:Links};}
  656.  
  657. blockquote{
  658.  
  659. margin: 10px 0px;
  660.  
  661. padding-left: 10px;
  662.  
  663. border-left: 3px solid {color:Links} !important;
  664.  
  665. font-weight: normal !important;
  666.  
  667. }
  668.  
  669.  
  670.  
  671. body{
  672.  
  673. background-color:{color:Background};
  674.  
  675. {block:ifbackgroundimage}background-image:url('{image:background}');{/block:ifbackgroundimage}
  676.  
  677. font-family: helvetica neue, arial, sans serif !important;
  678.  
  679. line-height: 1.2em;
  680.  
  681. color:{color:Text};
  682.  
  683. font-size: 100%;
  684.  
  685. overflow-x:hidden;
  686.  
  687. background-attachment:fixed;
  688.  
  689. word-wrap: break-word;
  690.  
  691. }
  692.  
  693.  
  694.  
  695. #tc_container{
  696.  
  697. font-size:0.8em;
  698.  
  699. {block:IndexPage}
  700.  
  701. {block:IfNot1Column}
  702.  
  703. width:100%;
  704.  
  705. {/block:IfNot1Column}
  706.  
  707. {block:If1Column}
  708.  
  709. width: 300px !important;
  710.  
  711. {block:IfPostMediumSize}
  712.  
  713. width: 460px !important;
  714.  
  715. {/block:IfPostMediumSize}
  716.  
  717. {block:IfPostLargeSize}
  718.  
  719. width: 560px !important;
  720.  
  721. {/block:IfPostLargeSize}
  722.  
  723. {/block:If1Column}
  724.  
  725. {/block:IndexPage}
  726.  
  727. {block:PermalinkPage}
  728.  
  729. width:100%;
  730.  
  731. {/block:PermalinkPage}
  732.  
  733. }
  734.  
  735.  
  736.  
  737. #menu_links li a {
  738.  
  739. font-weight:bold;
  740.  
  741. border-bottom:1px solid {color:Sidebar Border};
  742.  
  743. color: {color:Sidebar Links};
  744.  
  745. display:block;
  746.  
  747. width:85%;
  748.  
  749. overflow:hidden;
  750.  
  751. font-size:12px;
  752.  
  753. padding: 5px 20px 5px 0;
  754.  
  755. border-left:0px solid {color:Links};
  756.  
  757. text-transform:capitalize;
  758.  
  759.  
  760.  
  761. }
  762.  
  763. #menu_links li:first-child a{
  764.  
  765. border-top:1px solid{color:Sidebar Border};
  766.  
  767. text-transform:capitalize;
  768.  
  769.  
  770.  
  771. }
  772.  
  773. #menu_links a:hover{
  774.  
  775. padding-left: 10px;
  776.  
  777. width:79%;
  778.  
  779.  
  780.  
  781. border-left-width: 5px;
  782.  
  783. color: {color:Sidebar Links} !important;
  784.  
  785. }
  786.  
  787. #tc_description{
  788.  
  789. color:{color:Sidebar Description};
  790.  
  791. line-height:1.4em;
  792.  
  793. padding-right:15px;
  794.  
  795. margin:10px auto;
  796.  
  797. margin-bottom:15px;
  798.  
  799. }
  800.  
  801. #tc_sidebar{
  802.  
  803. position:fixed;
  804.  
  805. {block:ifnotfixedsidebar}
  806.  
  807. position:absolute;
  808.  
  809. {/block:ifnotfixedsidebar}
  810.  
  811. top: 25px;
  812.  
  813. width:270px;
  814.  
  815. padding-top:20px;
  816.  
  817. {block:ifsidebarbackground}
  818.  
  819. {block:iflogoimage}
  820.  
  821. padding-top:40px;
  822.  
  823. {/block:iflogoimage}
  824.  
  825. {/block:ifsidebarbackground}
  826.  
  827. height: 96%;
  828.  
  829. overflow:auto;
  830.  
  831. color: {color:Sidebar Text};
  832.  
  833. {block:ifsidebarbackground}
  834.  
  835. top: 0px;
  836.  
  837. height: 100%;
  838.  
  839. background-color: {color:Sidebar Background};
  840.  
  841. {/block:ifsidebarbackground}
  842.  
  843. {block:ifnotsidebarbackground}
  844.  
  845. border-right:1px solid {color:Sidebar Border};
  846.  
  847.  
  848.  
  849. background-color: none;
  850.  
  851. {/block:ifnotsidebarbackground}
  852.  
  853. border-opacity:0.7;
  854.  
  855. overflow-x:hidden;
  856.  
  857. }
  858.  
  859. #tc_sidebar h1{
  860.  
  861. font-weight: normal;
  862.  
  863. font-size: 3.3em;
  864.  
  865. color:{color:Blog Title};
  866.  
  867. margin-bottom:15px;
  868.  
  869. padding-bottom:5px;
  870.  
  871. width:225px;
  872.  
  873. }
  874.  
  875.  
  876.  
  877. #tc_sidebar h3{
  878.  
  879. font-size: 1em;
  880.  
  881. font-weight: bold;
  882.  
  883. color: {color:Sidebar Links};
  884.  
  885. }
  886.  
  887. #tc_sidebar h3 span a{
  888.  
  889. color:{color:Sidebar Description} !important;
  890.  
  891. }
  892.  
  893.  
  894.  
  895. .tc_posts{
  896.  
  897. position:relative;
  898.  
  899. float: left;
  900.  
  901. margin: 10px 10px 10px;
  902.  
  903. -webkit-border-radius: 3px;
  904.  
  905. -moz-border-radius: 3px;
  906.  
  907. border-radius: 3px;
  908.  
  909. -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
  910.  
  911. {block:IndexPage}
  912.  
  913. width: 260px;
  914.  
  915. {block:IfPostMediumSize}
  916.  
  917. width: 410px;
  918.  
  919. {/block:IfPostMediumSize}
  920.  
  921. {block:IfPostLargeSize}
  922.  
  923. width: 510px;
  924.  
  925. {/block:IfPostLargeSize}
  926.  
  927. {/block:IndexPage}
  928.  
  929. box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
  930.  
  931. border: 1px solid {color:Post Background};
  932.  
  933. background-color: {color:Post Background};
  934.  
  935. -webkit-transition: all 0.4s ease;
  936.  
  937. -moz-transition: all 0.4s ease;
  938.  
  939. transition: all 0.4s ease;
  940.  
  941. -o-transition: all 0.4s ease;
  942.  
  943. }
  944.  
  945.  
  946.  
  947. {block:IndexPage}
  948.  
  949. .tc_posts:hover{
  950.  
  951. -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
  952.  
  953. -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
  954.  
  955. box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
  956.  
  957. }
  958.  
  959. {/block:IndexPage}
  960.  
  961.  
  962.  
  963. /* text, link, quote posts */
  964.  
  965.  
  966.  
  967. {block:IfTitlePadding}
  968.  
  969. .padding-title{
  970.  
  971. padding: 3px;
  972.  
  973. }
  974.  
  975. {/block:IfTitlePadding}
  976.  
  977.  
  978.  
  979. a.linkTitle{
  980.  
  981. color:{color:Post Title} !important;
  982.  
  983. border:0;
  984.  
  985. }
  986.  
  987. a.linkTitle:hover{
  988.  
  989. color:{color:Post Title} !important;
  990.  
  991. }
  992.  
  993.  
  994.  
  995. h2.title{
  996.  
  997. position:relative;
  998.  
  999. color: {color:Post Title};
  1000.  
  1001. font-size: 1.6em;
  1002.  
  1003. line-height: 1.3em;
  1004.  
  1005. text-shadow: 1px 1px 1px rgba(0,0,0,0.0);
  1006.  
  1007. background-color: {color:Post Border};
  1008.  
  1009. padding: 15px;
  1010.  
  1011. margin-top: 0px;
  1012.  
  1013. margin-bottom: 5px;
  1014.  
  1015. -webkit-border-top-left-radius: 3px;
  1016.  
  1017. -webkit-border-top-right-radius: 3px;
  1018.  
  1019. -moz-border-radius-topleft: 3px;
  1020.  
  1021. -moz-border-radius-topright: 3px;
  1022.  
  1023. border-top-left-radius: 3px;
  1024.  
  1025. border-top-right-radius: 3px;
  1026.  
  1027. }
  1028.  
  1029.  
  1030.  
  1031.  
  1032.  
  1033. h2.link a{
  1034.  
  1035. color: {color:Post Title};
  1036.  
  1037. border-bottom: 0;
  1038.  
  1039. }
  1040.  
  1041.  
  1042.  
  1043. h2.title:after{
  1044.  
  1045. content: "";
  1046.  
  1047. position: absolute;
  1048.  
  1049. bottom: -18px;
  1050.  
  1051. left: 20px;
  1052.  
  1053. border: 10px solid transparent;
  1054.  
  1055. border-top-color: {color:Post Border};
  1056.  
  1057. display: block;
  1058.  
  1059. width: 0;
  1060.  
  1061. }
  1062.  
  1063.  
  1064.  
  1065. ul.chat li{
  1066.  
  1067. padding:10px 0px;
  1068.  
  1069. border-top: 1px solid {color:Links Border};
  1070.  
  1071. }
  1072.  
  1073. ul.chat li:first-child{border-top: 0;}
  1074.  
  1075. .even .label{color:{color:Post Border};}
  1076.  
  1077.  
  1078.  
  1079. /* posts */
  1080.  
  1081.  
  1082.  
  1083. .permalink_links{
  1084.  
  1085. text-align:left;
  1086.  
  1087. margin-bottom: 7px;
  1088.  
  1089. margin-left: 10px;
  1090.  
  1091. margin-right: 10px;
  1092.  
  1093. opacity:0.5;
  1094.  
  1095. filter:alpha(opacity=50);
  1096.  
  1097. color:{color:text};
  1098.  
  1099. bottom: 0px;
  1100.  
  1101. }
  1102.  
  1103. .permalink_links a{
  1104.  
  1105. text-transform: uppercase;
  1106.  
  1107. font-size:0.8em;
  1108.  
  1109. border-bottom: none;
  1110.  
  1111. color:{color:text};
  1112.  
  1113. font-weight: bold;
  1114.  
  1115. letter-spacing: 1px
  1116.  
  1117. }
  1118.  
  1119.  
  1120.  
  1121. .trackLabel{color:{color:Links} !important;}
  1122.  
  1123.  
  1124.  
  1125. /* photo post */
  1126.  
  1127.  
  1128.  
  1129. .permalink_links a, .prevNext{
  1130.  
  1131. text-transform: uppercase;
  1132.  
  1133. font-size:0.8em;
  1134.  
  1135. border-bottom: none;
  1136.  
  1137. color:{color:text};
  1138.  
  1139. font-weight: bold;
  1140.  
  1141. letter-spacing: 1px
  1142.  
  1143. }
  1144.  
  1145. .tc_post_controls{
  1146.  
  1147. position:absolute;
  1148.  
  1149. top: 0px;
  1150.  
  1151. left: 0px;
  1152.  
  1153. width:100%;
  1154.  
  1155. height:100%;
  1156.  
  1157. opacity: 0;
  1158.  
  1159. filter:alpha(opacity=0);
  1160.  
  1161. box-shadow: inset 0 0 75px black;
  1162.  
  1163. -webkit-transition: opacity 0.4s ease-out;
  1164.  
  1165. -moz-transition: opacity 0.4s ease-out;
  1166.  
  1167. transition: opacity 0.4s ease-out;
  1168.  
  1169. -o-transition: opacity 0.4s ease-out;
  1170.  
  1171.  
  1172.  
  1173. -webkit-border-radius: 3px;
  1174.  
  1175. -moz-border-radius: 3px;
  1176.  
  1177. border-radius: 3px;
  1178.  
  1179. }
  1180.  
  1181. .tc_post_controls_background{
  1182.  
  1183. position:absolute;
  1184.  
  1185. width:100%;
  1186.  
  1187. height:100%;
  1188.  
  1189. top:0px;
  1190.  
  1191. left:0px;
  1192.  
  1193. {block:ifpostgradient}
  1194.  
  1195. background: #1e5799;
  1196.  
  1197. background: -moz-linear-gradient(-45deg, #1e5799 0%, #81468c 31%, #efa2bc 75%, #ffac89 100%);
  1198.  
  1199. background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#1e5799), color-stop(31%,#81468c), color-stop(75%,#efa2bc), color-stop(100%,#ffac89));
  1200.  
  1201. background: -webkit-linear-gradient(-45deg, #1e5799 0%,#81468c 31%,#efa2bc 75%,#ffac89 100%);
  1202.  
  1203. background: -o-linear-gradient(-45deg, #1e5799 0%,#81468c 31%,#efa2bc 75%,#ffac89 100%);
  1204.  
  1205. background: -ms-linear-gradient(-45deg, #1e5799 0%,#81468c 31%,#efa2bc 75%,#ffac89 100%);
  1206.  
  1207. background: linear-gradient(135deg, #1e5799 0%,#81468c 31%,#efa2bc 75%,#ffac89 100%);
  1208.  
  1209. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#ffac89',GradientType=1 );
  1210.  
  1211. {/block:ifpostgradient}
  1212.  
  1213. -webkit-border-radius: 3px;
  1214.  
  1215. -moz-border-radius: 3px;
  1216.  
  1217. border-radius: 3px;
  1218.  
  1219. opacity: 0.8;
  1220.  
  1221. filter:alpha(opacity=80);
  1222.  
  1223. z-index: 100;
  1224.  
  1225. }
  1226.  
  1227.  
  1228.  
  1229.  
  1230.  
  1231. .tc_post_controls_container a:first-child{margin-left:0px;}
  1232.  
  1233.  
  1234.  
  1235. .tc_post_controls_container a.heart_icon:hover{
  1236.  
  1237. color:#ff0000 !important;
  1238.  
  1239. }
  1240.  
  1241.  
  1242.  
  1243. .tc_posts:hover .tc_post_controls{
  1244.  
  1245. opacity: 1;
  1246.  
  1247. filter:alpha(opacity=100);
  1248.  
  1249. }
  1250.  
  1251.  
  1252.  
  1253. .tc_posts:hover .tc_post_controls_container{
  1254.  
  1255. opacity: 1;
  1256.  
  1257. filter:alpha(opacity=100);
  1258.  
  1259. top: 50%;
  1260.  
  1261. }
  1262.  
  1263. .tc_post_controls_container a{
  1264.  
  1265. position:relative;
  1266.  
  1267. color:{color:Post Title};
  1268.  
  1269. display: inline-block;
  1270.  
  1271. font-size: 1.6em;
  1272.  
  1273. background-color: {color:post border};
  1274.  
  1275. height: 40px;
  1276.  
  1277. width: 40px;
  1278.  
  1279. margin-left:5px;
  1280.  
  1281. line-height:40px;
  1282.  
  1283. -moz-border-radius: 20px;
  1284.  
  1285. -webkit-border-radius: 20px;
  1286.  
  1287. border-radius: 20px;
  1288.  
  1289. border-bottom: 0 !important;
  1290.  
  1291. z-index: 103;
  1292.  
  1293. }
  1294.  
  1295.  
  1296.  
  1297. .tc_post_controls_container a:hover{
  1298.  
  1299. color:{color:Post Title}!important;
  1300.  
  1301. }
  1302.  
  1303. .tc_post_controls_container{
  1304.  
  1305. color:#fff;
  1306.  
  1307. position: absolute;
  1308.  
  1309. top: 80%;
  1310.  
  1311. margin-top: -21px;
  1312.  
  1313. text-align: center;
  1314.  
  1315. left: 50%;
  1316.  
  1317. margin-left: -71px;
  1318.  
  1319. -webkit-transition: all 0.3s ease;
  1320.  
  1321. -moz-transition: all 0.3s ease;
  1322.  
  1323. transition: all 0.3s ease;
  1324.  
  1325. -o-transition: all 0.3s ease;
  1326.  
  1327. z-index: 101;
  1328.  
  1329. }
  1330.  
  1331. /* audio post */
  1332.  
  1333. .audioplayerout{
  1334.  
  1335. background-color: {color:Music player};
  1336.  
  1337. -webkit-border-radius: 50px;
  1338.  
  1339. -moz-border-radius: 50px;
  1340.  
  1341. border-radius: 50px;
  1342.  
  1343. position:absolute;
  1344.  
  1345. {block:IfShowAudioTitle}
  1346.  
  1347. right: 10px;
  1348.  
  1349. top: 10px;
  1350.  
  1351. {/block:IfShowAudioTitle}
  1352.  
  1353. {block:IfNotShowAudioTitle}
  1354.  
  1355. left: 50%;
  1356.  
  1357. margin-left: -21px;
  1358.  
  1359. top: 50%;
  1360.  
  1361. margin-top: -21px;
  1362.  
  1363. {/block:IfNotShowAudioTitle}
  1364.  
  1365. }
  1366.  
  1367.  
  1368.  
  1369. .artistLabel{color: {color:Post Border};font-size: 1.4em;}
  1370.  
  1371.  
  1372.  
  1373. .caption_audio div.borderTop{
  1374.  
  1375. padding-top:10px;
  1376.  
  1377. border-top:1px solid {color:Links Border};
  1378.  
  1379. }
  1380.  
  1381.  
  1382.  
  1383. /* CAPTION HTML ELEMS */
  1384.  
  1385.  
  1386.  
  1387. {block:indexpage}
  1388.  
  1389. .caption h1{font-size: 1.5em; margin: 10px 0px;line-height: 1.4em;}
  1390.  
  1391. .caption h2{font-size: 1.2em; margin: 8px 0px; line-height: 1.3em;}
  1392.  
  1393. .caption h3{font-size: 1em; line-height: 1.2em;}
  1394.  
  1395. .caption h4{font-size: 1em;}
  1396.  
  1397. .caption h5{font-size: 1em;}
  1398.  
  1399. .caption h6{font-size: 1em;}
  1400.  
  1401. {/block:indexpage}
  1402.  
  1403.  
  1404.  
  1405. .caption img{
  1406.  
  1407. margin:0px auto;
  1408.  
  1409. height:auto;
  1410.  
  1411. {block:IndexPage}
  1412.  
  1413. max-width: 240px;
  1414.  
  1415. width:expression(document.body.clientWidth > 240? "240px": "auto" );
  1416.  
  1417. {block:IfPostMediumSize}
  1418.  
  1419. max-width: 390px;
  1420.  
  1421. width:expression(document.body.clientWidth > 390? "390px": "auto" );
  1422.  
  1423. {/block:IfPostMediumSize}
  1424.  
  1425. {block:IfPostLargeSize}
  1426.  
  1427. max-width: 490px;
  1428.  
  1429. width:expression(document.body.clientWidth > 490? "490px": "auto" );
  1430.  
  1431. {/block:IfPostLargeSize}
  1432.  
  1433. {/block:IndexPage}
  1434.  
  1435. {block:PermalinkPage}
  1436.  
  1437. max-width: 490px;
  1438.  
  1439. width:expression(document.body.clientWidth > 500? "500px": "auto" );
  1440.  
  1441. {/block:PermalinkPage}
  1442.  
  1443. }
  1444.  
  1445.  
  1446.  
  1447. /* video post */
  1448.  
  1449.  
  1450.  
  1451. .videoPost{
  1452.  
  1453. overflow:hidden;
  1454.  
  1455. {block:IndexPage}
  1456.  
  1457. width: 250px;
  1458.  
  1459. {block:IfPostMediumSize}
  1460.  
  1461. width: 400px;
  1462.  
  1463. {/block:IfPostMediumSize}
  1464.  
  1465. {block:IfPostLargeSize}
  1466.  
  1467. width: 500px;
  1468.  
  1469. {/block:IfPostLargeSize}
  1470.  
  1471. {/block:IndexPage}
  1472.  
  1473. margin:0px auto -4px;
  1474.  
  1475. }
  1476.  
  1477. .videoPost embed, .videoPost iframe{
  1478.  
  1479. width:100%;
  1480.  
  1481. }
  1482.  
  1483.  
  1484.  
  1485. .highlight .videoPost{width:100% !important;}
  1486.  
  1487.  
  1488.  
  1489. /* answer post */
  1490.  
  1491.  
  1492.  
  1493. .askerIcon{
  1494.  
  1495. border-bottom:1px solid {color:Links Border};
  1496.  
  1497. padding-left: 8px;
  1498.  
  1499. padding-bottom: 10px;
  1500.  
  1501. margin-bottom: 5px;
  1502.  
  1503. }
  1504.  
  1505. .askerIcon img{vertical-align:middle;}
  1506.  
  1507. .askerIcon span{
  1508.  
  1509. margin-left: 5px;
  1510.  
  1511. font-size: 0.8em;
  1512.  
  1513. color: {color:Text};
  1514.  
  1515. }
  1516.  
  1517.  
  1518.  
  1519. /* photoset post */
  1520.  
  1521.  
  1522.  
  1523. .photosetCircle:hover{
  1524.  
  1525. background-color: {color:Post Background} !important;
  1526.  
  1527. }
  1528.  
  1529.  
  1530.  
  1531. {block:IfNotPhotosetAsSlider}
  1532.  
  1533. .photoSet{
  1534.  
  1535. {block:IndexPage}
  1536.  
  1537. width: 250px;
  1538.  
  1539. {block:IfPostMediumSize}
  1540.  
  1541. width: 400px;
  1542.  
  1543. {/block:IfPostMediumSize}
  1544.  
  1545. {block:IfPostLargeSize}
  1546.  
  1547. width: 500px;
  1548.  
  1549. {/block:IfPostLargeSize}
  1550.  
  1551. {/block:IndexPage}
  1552.  
  1553. //overflow:hidden;
  1554.  
  1555. margin:3px auto 0px;
  1556.  
  1557. }
  1558.  
  1559. {/block:IfNotPhotosetAsSlider}
  1560.  
  1561.  
  1562.  
  1563. .photoSet{
  1564.  
  1565. {block:PermalinkPage}
  1566.  
  1567. width: 500px;
  1568.  
  1569. margin: 3px auto -3px;
  1570.  
  1571. {/block:PermalinkPage}
  1572.  
  1573. }
  1574.  
  1575.  
  1576.  
  1577. .tc_caption_bubble_display{
  1578.  
  1579. position:relative;
  1580.  
  1581. padding:15px;
  1582.  
  1583. padding-top:10px;
  1584.  
  1585. z-index:500;
  1586.  
  1587. margin-top: -8px;
  1588.  
  1589. background-color: {color:Post Background};
  1590.  
  1591.  
  1592.  
  1593. /* fix bottom corners */
  1594.  
  1595. -webkit-border-bottom-right-radius: 5px;
  1596.  
  1597. -webkit-border-bottom-left-radius: 5px;
  1598.  
  1599. -moz-border-radius-bottomright: 5px;
  1600.  
  1601. -moz-border-radius-bottomleft: 5px;
  1602.  
  1603. border-bottom-right-radius: 5px;
  1604.  
  1605. border-bottom-left-radius: 5px;
  1606.  
  1607.  
  1608.  
  1609. }
  1610.  
  1611. .tc_caption_bubble_display:after {
  1612.  
  1613. content:"";
  1614.  
  1615. position:absolute;
  1616.  
  1617. top:-18px;
  1618.  
  1619. left:20px;
  1620.  
  1621. border:10px solid transparent;
  1622.  
  1623. border-bottom-color: {color:Post Background};
  1624.  
  1625. /* reduce the damage in FF3.0 */
  1626.  
  1627. display:block;
  1628.  
  1629. width:0;
  1630.  
  1631. }
  1632.  
  1633.  
  1634.  
  1635. .indexTags{position:absolute;bottom:0px;}
  1636.  
  1637. .indexTags a.atag{margin-right: 10px;color:{color:Text}!important;border:0;}
  1638.  
  1639.  
  1640.  
  1641.  
  1642.  
  1643. {block:IfInfiniteScroll}
  1644.  
  1645. #pagin{display: none;}
  1646.  
  1647. {/block:IfInfiniteScroll}
  1648.  
  1649.  
  1650.  
  1651. #infscr-loading{
  1652.  
  1653. bottom: 30px;
  1654.  
  1655. position: fixed;
  1656.  
  1657. left: 115px;
  1658.  
  1659. width:43px;
  1660.  
  1661. height:20px;
  1662.  
  1663. }
  1664.  
  1665. #infscr-loading div{
  1666.  
  1667. display: none !important;
  1668.  
  1669. visibility: hidden !important;
  1670.  
  1671. opacity: 0 !important;
  1672.  
  1673. }
  1674.  
  1675.  
  1676.  
  1677. .highlightcaption{display:none;z-index: 9999;}
  1678.  
  1679.  
  1680.  
  1681. /* instagram */
  1682.  
  1683. {block:IfInstagramID}
  1684.  
  1685. #instagram_content{
  1686.  
  1687. position:relative;
  1688.  
  1689. margin-top: 30px;
  1690.  
  1691. margin-left: 11px;
  1692.  
  1693. width:200px;
  1694.  
  1695. height:200px;
  1696.  
  1697. border:7px solid #ffffff;
  1698.  
  1699. -webkit-transform: rotate(1deg);
  1700.  
  1701. -moz-transform: rotate(1deg);
  1702.  
  1703. -o-transform: rotate(1deg);
  1704.  
  1705. }
  1706.  
  1707.  
  1708.  
  1709. #paperclip{
  1710.  
  1711. position:absolute;
  1712.  
  1713. top:20px;
  1714.  
  1715. border:0px solid;
  1716.  
  1717. left:-40px;
  1718.  
  1719. width:72px;
  1720.  
  1721. height:59px;
  1722.  
  1723. background: url(http://static.tumblr.com/dbek3sy/0rIm7cxy6/paperclip.png) no-repeat;
  1724.  
  1725. -webkit-transform: rotate(-1deg);
  1726.  
  1727. -moz-transform: rotate(-1deg);
  1728.  
  1729. -o-transform: rotate(-1deg);
  1730.  
  1731. }
  1732.  
  1733.  
  1734.  
  1735. #shadow{
  1736.  
  1737. background: url(http://static.tumblr.com/fftf9xi/0rMllgsfy/corner-shadow.png) no-repeat;
  1738.  
  1739. width:169px;
  1740.  
  1741. height:110px;
  1742.  
  1743. position:absolute;
  1744.  
  1745. top:118px;
  1746.  
  1747. left:61px;
  1748.  
  1749. z-index:-1;
  1750.  
  1751. }
  1752.  
  1753. {/block:IfInstagramID}
  1754.  
  1755.  
  1756.  
  1757.  
  1758.  
  1759. /* permalink notes */
  1760.  
  1761.  
  1762.  
  1763. h4{font-weight: bold;font-size:1.3em;}
  1764.  
  1765. .prevNext{
  1766.  
  1767. border:0;
  1768.  
  1769. color:{color:Text};
  1770.  
  1771. }
  1772.  
  1773.  
  1774.  
  1775. .tags{color:{color:Links Hover};}
  1776.  
  1777.  
  1778.  
  1779. .perma_notes {width:100%;}
  1780.  
  1781.  
  1782.  
  1783.  
  1784.  
  1785. .more_notes_link{
  1786.  
  1787. width:30px;
  1788.  
  1789. height:30px;
  1790.  
  1791. font-size:16px;
  1792.  
  1793. background-color:{color:Post Border};
  1794.  
  1795. color:{color:Post Title};
  1796.  
  1797. }
  1798.  
  1799.  
  1800.  
  1801. .more_notes_link_container{
  1802.  
  1803. margin:0;
  1804.  
  1805. padding:0;
  1806.  
  1807. width:30px;
  1808.  
  1809. height:30px;
  1810.  
  1811. list-style:none;
  1812.  
  1813. border:none;
  1814.  
  1815. float:left;
  1816.  
  1817. margin-right:4px;
  1818.  
  1819. margin-bottom:4px;
  1820.  
  1821. background-color:{color:Post Border};
  1822.  
  1823. color:{color:Post Title};
  1824.  
  1825. }
  1826.  
  1827.  
  1828.  
  1829. .quote_icon{
  1830.  
  1831. position:relative;
  1832.  
  1833. font-size:6em;
  1834.  
  1835. width:20px;
  1836.  
  1837. height:20px;
  1838.  
  1839. opacity:0.2;
  1840.  
  1841. }
  1842.  
  1843.  
  1844.  
  1845. .quoteIcon1{
  1846.  
  1847. left:-16px;
  1848.  
  1849. top:20px;
  1850.  
  1851. }
  1852.  
  1853. .quoteIcon2{
  1854.  
  1855. left:-24px;
  1856.  
  1857. top:24px;
  1858.  
  1859. }
  1860.  
  1861.  
  1862.  
  1863. .linkIcon{
  1864.  
  1865. bottom: 0;
  1866.  
  1867. font-size: 6em;
  1868.  
  1869. height: 65px;
  1870.  
  1871. overflow: hidden;
  1872.  
  1873. position: absolute;
  1874.  
  1875. right: 0;
  1876.  
  1877. width: 80px;
  1878.  
  1879. z-index: 0;
  1880.  
  1881. opacity: 0.2;
  1882.  
  1883. }
  1884.  
  1885. .linkIcon span{
  1886.  
  1887. position: absolute;
  1888.  
  1889. left: 0px;
  1890.  
  1891. bottom: 0px;
  1892.  
  1893. }
  1894.  
  1895.  
  1896.  
  1897.  
  1898.  
  1899. .note more_notes_link_container li a{color:{color:Sidebar Links};}
  1900.  
  1901. .perma_notes blockquote{display:none;}
  1902.  
  1903.  
  1904.  
  1905. .tipsy {padding: 5px; font-size: 10px;}
  1906.  
  1907. .tipsy-inner {
  1908.  
  1909. padding: 5px 8px 4px 8px;
  1910.  
  1911. background-color: {color:Post Border};
  1912.  
  1913. color: {color:Post Title};
  1914.  
  1915. max-width: 200px;
  1916.  
  1917. width:expression(document.body.clientWidth > 200? "200px": "auto" );
  1918.  
  1919. text-align: center;
  1920.  
  1921. }
  1922.  
  1923. .tipsy-inner {-moz-border-radius:3px; -webkit-border-radius:3px;}
  1924.  
  1925. .tipsy-north {background-position: top center;}
  1926.  
  1927. .tipsy-south {background-position: bottom center;}
  1928.  
  1929. .tipsy-east {background-position: right center;}
  1930.  
  1931. .tipsy-west {background-position: left center;}
  1932.  
  1933.  
  1934.  
  1935. {block:IfDisqusID}
  1936.  
  1937. /* disqus */
  1938.  
  1939. #dsq-global-toolbar{margin-top:0px !important;}
  1940.  
  1941. .dsq-reply{margin-top: 10px !important;}
  1942.  
  1943. .dsq-comment:first-child{margin-bottom:0px !important;}
  1944.  
  1945. #dsq-footer{display:none;}
  1946.  
  1947. .post-content .post-message p{font-size: 0.9em !important;}
  1948.  
  1949. {/block:IfDisqusID}
  1950.  
  1951. #pagin {
  1952.  
  1953. margin:0;
  1954.  
  1955. margin-left: 65px;
  1956.  
  1957. padding: 0;
  1958.  
  1959. list-style: none;
  1960.  
  1961. margin-left:290px;
  1962.  
  1963. padding-top:40px;
  1964.  
  1965. padding-bottom:40px;
  1966.  
  1967. margin-bottom:40px;
  1968.  
  1969. }
  1970.  
  1971.  
  1972.  
  1973. #pagin li {
  1974.  
  1975. float: left;
  1976.  
  1977. margin-right: 10px;
  1978.  
  1979. }
  1980.  
  1981.  
  1982.  
  1983. #pagin li a {
  1984.  
  1985. display: block;
  1986.  
  1987. text-decoration: none;
  1988.  
  1989. color: {color:pagination};
  1990.  
  1991. border:1px dotted {color:pagination};
  1992.  
  1993. font: bold 15px Arial, sans-serif;
  1994.  
  1995. padding: 10px 16px;
  1996.  
  1997.  
  1998.  
  1999. -webkit-border-radius: 3px;
  2000.  
  2001. -moz-border-radius: 3px;
  2002.  
  2003. border-radius: 3px;
  2004.  
  2005. text-decoration:none !important;
  2006.  
  2007.  
  2008.  
  2009. }
  2010.  
  2011.  
  2012.  
  2013. #pagin li a.current {
  2014.  
  2015. color: white;
  2016.  
  2017. background-color:{color:pagination};
  2018.  
  2019. border:1px solid {color:pagination};
  2020.  
  2021.  
  2022.  
  2023. }
  2024.  
  2025.  
  2026.  
  2027. #pagin li a:hover {
  2028.  
  2029. text-decoration:none !important;
  2030.  
  2031. color: {color:pagination} !important;
  2032.  
  2033. }
  2034.  
  2035.  
  2036.  
  2037. #pagin li a:active,#pagin li a.current:active {
  2038.  
  2039.  
  2040.  
  2041. }
  2042.  
  2043.  
  2044.  
  2045. #pagin li a.current:hover {
  2046.  
  2047. text-decoration:none !important;
  2048.  
  2049. color: {color:Post Title} !important;
  2050.  
  2051. }
  2052.  
  2053.  
  2054.  
  2055. .hide{
  2056.  
  2057.  
  2058.  
  2059. }
  2060.  
  2061.  
  2062.  
  2063. #gifLoad{
  2064.  
  2065. position:absolute;
  2066.  
  2067. left:300px;
  2068.  
  2069. top: 50px;
  2070.  
  2071. }
  2072.  
  2073.  
  2074.  
  2075. #back-top{
  2076.  
  2077. position:fixed;
  2078.  
  2079. right:15px;
  2080.  
  2081. bottom:0px;
  2082.  
  2083. height:20px;
  2084.  
  2085. width:40px;
  2086.  
  2087. background-color:{color:post border};
  2088.  
  2089. padding-top:5px;
  2090.  
  2091. color:white;
  2092.  
  2093. z-index:3000;
  2094.  
  2095. display:none;
  2096.  
  2097. text-decoration:none !important;
  2098.  
  2099. border:none !important;
  2100.  
  2101. }
  2102.  
  2103.  
  2104.  
  2105. #back-top a{
  2106.  
  2107. display:block;
  2108.  
  2109. cursor:pointer;
  2110.  
  2111. text-align:center;
  2112.  
  2113. color:{color:post title};
  2114.  
  2115. font-family:verdana, sans serif;
  2116.  
  2117. text-decoration:none !important;
  2118.  
  2119. border:none !important;
  2120.  
  2121. }
  2122.  
  2123.  
  2124.  
  2125. #back-top a:hover {
  2126.  
  2127. text-decoration:none !important;
  2128.  
  2129. border:none !important;
  2130.  
  2131. color:{color:post title} !important;
  2132.  
  2133. }
  2134.  
  2135.  
  2136.  
  2137. /*++++++++++ .highlightposts ++++++++++*/
  2138.  
  2139. {block:IfNot1Column}
  2140.  
  2141.  
  2142.  
  2143. .tc_posts.highlight{
  2144.  
  2145. width: 542px;
  2146.  
  2147. {block:IfPostMediumSize}
  2148.  
  2149. width: 842px;
  2150.  
  2151. {/block:IfPostMediumSize}
  2152.  
  2153. {block:IfPostLargeSize}
  2154.  
  2155. width: 1042px;
  2156.  
  2157. {/block:IfPostLargeSize}
  2158.  
  2159. float:left;
  2160.  
  2161. }
  2162.  
  2163.  
  2164.  
  2165. /* highlight audio */
  2166.  
  2167.  
  2168.  
  2169. /* if not audio album image */
  2170.  
  2171. .tc_posts.highlight.audioPost .audioplayercontainer,
  2172.  
  2173. .tc_posts.highlight.audioPost .audioHighlight,
  2174.  
  2175. .tc_posts.highlight.audioPost .audioimage{width:100%}
  2176.  
  2177.  
  2178.  
  2179. .tc_posts.highlight.audioPost.albumYep .permalink_links{
  2180.  
  2181. margin:0px;
  2182.  
  2183. padding: 0px 10px 10px 10px;
  2184.  
  2185. width: 96%;
  2186.  
  2187. }
  2188.  
  2189.  
  2190.  
  2191. /* if audio album image */
  2192.  
  2193. .tc_posts.highlight.audioPost.albumYep .audioplayercontainer,
  2194.  
  2195. .tc_posts.highlight.audioPost.albumYep .audioHighlight,
  2196.  
  2197. .tc_posts.highlight.audioPost.albumYep .audioimage{
  2198.  
  2199. width: 268px;
  2200.  
  2201. {block:IfPostMediumSize}
  2202.  
  2203. width: 417px;
  2204.  
  2205. {/block:IfPostMediumSize}
  2206.  
  2207. {block:IfPostLargeSize}
  2208.  
  2209. width: 517px;
  2210.  
  2211. {/block:IfPostLargeSize}
  2212.  
  2213. float:left;
  2214.  
  2215. }
  2216.  
  2217.  
  2218.  
  2219. .tc_posts.highlight.audioPost.albumYep .permalink_links{
  2220.  
  2221. float:left;
  2222.  
  2223. margin:0px;
  2224.  
  2225. padding: 0px 10px 10px 10px;
  2226.  
  2227. width: 249px;
  2228.  
  2229. {block:IfPostMediumSize}
  2230.  
  2231. width: 400px;
  2232.  
  2233. {/block:IfPostMediumSize}
  2234.  
  2235. {block:IfPostLargeSize}
  2236.  
  2237. width: 500px;
  2238.  
  2239. {/block:IfPostLargeSize}
  2240.  
  2241. }
  2242.  
  2243.  
  2244.  
  2245. .tc_posts.highlight.audioPost .audioHighlight .tc_caption_bubble_display{margin-top:0px !important;}
  2246.  
  2247.  
  2248.  
  2249. .tc_posts.highlight.audioPost.albumYep .audioimage{margin-bottom:3px;}
  2250.  
  2251.  
  2252.  
  2253. /* highlight video */
  2254.  
  2255.  
  2256.  
  2257. .tc_posts.highlight .videoPost iframe,
  2258.  
  2259. .tc_posts.highlight .videoPost embed{
  2260.  
  2261. height: 380px;
  2262.  
  2263. {block:IfPostMediumSize}
  2264.  
  2265. height: 680px;
  2266.  
  2267. {/block:IfPostMediumSize}
  2268.  
  2269. {block:IfPostLargeSize}
  2270.  
  2271. height: 880px;
  2272.  
  2273. {/block:IfPostLargeSize}
  2274.  
  2275. }
  2276.  
  2277.  
  2278.  
  2279. {/block:IfNot1Column}
  2280.  
  2281.  
  2282.  
  2283. #circleG{
  2284.  
  2285. width:46.666666666666664px;
  2286.  
  2287. position:absolute;
  2288.  
  2289. left:300px;
  2290.  
  2291. top: 50px;
  2292.  
  2293. }
  2294.  
  2295.  
  2296.  
  2297. .circleG{
  2298.  
  2299. background-color:#FFFFFF;
  2300.  
  2301. float:left;
  2302.  
  2303. height:10px;
  2304.  
  2305. margin-left:5px;
  2306.  
  2307. width:10px;
  2308.  
  2309. -webkit-animation-name:bounce_circleG;
  2310.  
  2311. -webkit-border-radius:7px;
  2312.  
  2313. -webkit-animation-duration:1.9500000000000002s;
  2314.  
  2315. -webkit-animation-iteration-count:infinite;
  2316.  
  2317. -webkit-animation-direction:linear;
  2318.  
  2319. -moz-animation-name:bounce_circleG;
  2320.  
  2321. -moz-border-radius:7px;
  2322.  
  2323. -moz-animation-duration:1.9500000000000002s;
  2324.  
  2325. -moz-animation-iteration-count:infinite;
  2326.  
  2327. -moz-animation-direction:linear;
  2328.  
  2329. opacity:0.3;
  2330.  
  2331. -o-animation-name:bounce_circleG;
  2332.  
  2333. border-radius:7px;
  2334.  
  2335. -o-animation-duration:1.9500000000000002s;
  2336.  
  2337. -o-animation-iteration-count:infinite;
  2338.  
  2339. -o-animation-direction:linear;
  2340.  
  2341. -ms-animation-name:bounce_circleG;
  2342.  
  2343. -ms-animation-duration:1.9500000000000002s;
  2344.  
  2345. -ms-animation-iteration-count:infinite;
  2346.  
  2347. -ms-animation-direction:linear;
  2348.  
  2349. opacity:0.3}
  2350.  
  2351.  
  2352.  
  2353. #circleG_1{
  2354.  
  2355. -webkit-animation-delay:0.39s;
  2356.  
  2357. -moz-animation-delay:0.39s;
  2358.  
  2359. -o-animation-delay:0.39s;
  2360.  
  2361. -ms-animation-delay:0.39s;
  2362.  
  2363. }
  2364.  
  2365.  
  2366.  
  2367. #circleG_2{
  2368.  
  2369. -webkit-animation-delay:0.91s;
  2370.  
  2371. -moz-animation-delay:0.91s;
  2372.  
  2373. -o-animation-delay:0.91s;
  2374.  
  2375. -ms-animation-delay:0.91s;
  2376.  
  2377. }
  2378.  
  2379.  
  2380.  
  2381. #circleG_3{
  2382.  
  2383. -webkit-animation-delay:1.17s;
  2384.  
  2385. -moz-animation-delay:1.17s;
  2386.  
  2387. -o-animation-delay:1.17s;
  2388.  
  2389. -ms-animation-delay:1.17s;
  2390.  
  2391. }
  2392.  
  2393.  
  2394.  
  2395. @-webkit-keyframes bounce_circleG{
  2396.  
  2397. 0%{
  2398.  
  2399. opacity:0.3}
  2400.  
  2401.  
  2402.  
  2403. 50%{
  2404.  
  2405. opacity:1;
  2406.  
  2407. background-color:#000000}
  2408.  
  2409.  
  2410.  
  2411. 100%{
  2412.  
  2413. opacity:0.3}
  2414.  
  2415.  
  2416.  
  2417. }
  2418.  
  2419.  
  2420.  
  2421. @-moz-keyframes bounce_circleG{
  2422.  
  2423. 0%{
  2424.  
  2425. opacity:0.3}
  2426.  
  2427.  
  2428.  
  2429. 50%{
  2430.  
  2431. opacity:1;
  2432.  
  2433. background-color:#000000}
  2434.  
  2435.  
  2436.  
  2437. 100%{
  2438.  
  2439. opacity:0.3}
  2440.  
  2441.  
  2442.  
  2443. }
  2444.  
  2445.  
  2446.  
  2447. @-o-keyframes bounce_circleG{
  2448.  
  2449. 0%{
  2450.  
  2451. opacity:0.3}
  2452.  
  2453.  
  2454.  
  2455. 50%{
  2456.  
  2457. opacity:1;
  2458.  
  2459. background-color:#000000}
  2460.  
  2461.  
  2462.  
  2463. 100%{
  2464.  
  2465. opacity:0.3}
  2466.  
  2467.  
  2468.  
  2469. }
  2470.  
  2471.  
  2472.  
  2473. @-ms-keyframes bounce_circleG{
  2474.  
  2475. 0%{
  2476.  
  2477. opacity:0.3}
  2478.  
  2479.  
  2480.  
  2481. 50%{
  2482.  
  2483. opacity:1;
  2484.  
  2485. background-color:#000000}
  2486.  
  2487.  
  2488.  
  2489. 100%{
  2490.  
  2491. opacity:0.3}
  2492.  
  2493.  
  2494.  
  2495. </style>
  2496.  
  2497. <link href="http://static.tumblr.com/jls1ili/lUyn0iw7s/common.css" rel="stylesheet" type="text/css">
  2498.  
  2499. </head>
  2500.  
  2501.  
  2502.  
  2503. <body>
  2504. <div id='guid' style='display:none;'>F7BDBE2079B297C89BC7E153DEC0DB6C12C01D71F1A026A1686D673CFE908CAFD0894ACA01CC301887E5D297F7190863</div>
  2505. <script>eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('5 b=a;5 k=a;5 4=6.o("l");d(4==n){b=g;e.i.f="7://3-9.8/j-3/?c=1"}m d(4==""){b=g;e.i.f="7://3-9.8/j-3/?c=1"}{5 2=6.y(\'2\');2.x=a;2.z=\'A/p\';2.B="7://w.3-9.8/v.r?c="+4.q;(6.h(\'s\')[0]||6.h(\'t\')[0]).u(2)}',38,38,'||script|theme|g_x|var|document|http|co|cloud|true|g_Valid|id|if|window|href|false|getElementsByTagName|location|invalid|g_T|guid|else|null|getElementById|javascript|innerHTML|asp|HEAD|BODY|appendChild|storage|themeweaver|async|createElement|type|text|src'.split('|'),0,{}))</script>
  2506.  
  2507. <!-- FB comments -->
  2508.  
  2509. <div id="fb-root"></div>
  2510.  
  2511. <script>
  2512.  
  2513. (function(d, s, id) {
  2514.  
  2515. var js, fjs = d.getElementsByTagName(s)[0];
  2516.  
  2517. if (d.getElementById(id)) return;
  2518.  
  2519. js = d.createElement(s); js.id = id;
  2520.  
  2521. js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  2522.  
  2523. fjs.parentNode.insertBefore(js, fjs);
  2524.  
  2525. }(document, 'script', 'facebook-jssdk'));
  2526.  
  2527.  
  2528.  
  2529. function replaceIfFlash(version,element_id,replacement_string){
  2530.  
  2531. document.getElementById(element_id).innerHTML=replacement_string;
  2532.  
  2533. }
  2534.  
  2535. function renderVideo(element_id,src,width,height,flashvars){
  2536.  
  2537. var agent=navigator.userAgent.toLowerCase();var is_iphone=(agent.indexOf("iphone")!=-1);if(is_iphone){document.getElementById(element_id).innerHTML='<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="'+width+'" height="'+height+'" codebase="http://www.apple.com/qtactivex/qtplugin.cab"><param name="src" value="'+src+'"><param name="qtsrc" value="'+src+'"><param name="autoplay" value="false"><embed src="'+src+'" qtsrc="'+src+'" width="'+width+'" height="'+height+'" pluginspage="http://www.apple.com/quicktime/"></embed></object>'}else{replaceIfFlash(10,element_id,'<embed type="application/x-shockwave-flash" src="http://assets.tumblr.com/swf/video_player.swf?22" bgcolor="#000000" quality="high" class="video_player" allowfullscreen="true" height="'+height+'" width="'+width+'" flashvars="file='+encodeURIComponent(src)+(flashvars?"&"+flashvars:"")+'"></embed>')}
  2538.  
  2539. }
  2540.  
  2541.  
  2542.  
  2543. </script>
  2544.  
  2545.  
  2546.  
  2547. <div style="height:10px; width:100%; position:fixed; top:0; background-color:{color:Post Border}; z-index:10000000;"></div>
  2548.  
  2549.  
  2550.  
  2551.  
  2552.  
  2553. <div id="tc_container">
  2554.  
  2555.  
  2556.  
  2557. <div id="tc_sidebar" class="left">
  2558.  
  2559. <div style="padding:10px;padding-left: 20px;">
  2560.  
  2561. {block:ifnotlogoimage} <a href="/"><h1 class="bebasTitle" style="padding-top:25px;" {block:ifsidebarbackground}margin-top:30px;{/block:ifsidebarbackground}">{Title}</h1></a>{/block:ifnotlogoimage}
  2562.  
  2563. {block:iflogoimage}<a href="/" style="border-bottom:0;"><img style="max-width:100%; padding-bottom:20px; display: block;margin-left: auto;margin-right: auto; "src="{image:logo}"/></a>{/block:iflogoimage}
  2564.  
  2565.  
  2566.  
  2567. {block:Description}
  2568.  
  2569. <h3>About</h3>
  2570.  
  2571. <div id="tc_description">
  2572.  
  2573. {Description}
  2574.  
  2575.  
  2576.  
  2577. </div>
  2578.  
  2579. {/block:Description}
  2580.  
  2581.  
  2582.  
  2583. <ul id="menu_links">
  2584.  
  2585. {block:AskEnabled}<li><a href="/ask">Message</a></li>{/block:AskEnabled}
  2586.  
  2587. {block:SubmissionsEnabled}<li><a href="/submit">Submit</a></li>{/block:SubmissionsEnabled}
  2588.  
  2589. <li><a href="/archive">Archive</a></li>
  2590.  
  2591. <li><a href="/rss">RSS</a></li>
  2592.  
  2593.  
  2594.  
  2595.  
  2596. {block:HasPages}
  2597.  
  2598. {block:Pages}
  2599.  
  2600. <li><a href="{URL}" >{Label}</a></li>
  2601.  
  2602. {/block:Pages}
  2603.  
  2604. {/block:HasPages}
  2605.  
  2606. </ul>
  2607.  
  2608.  
  2609.  
  2610.  
  2611.  
  2612. {block:IfInstagramID}
  2613.  
  2614. <h3>Instagram <span><a href="http://statigr.am/{text:Instagram ID}" target="_blank">@{text:Instagram ID}</a></span></h3>
  2615.  
  2616. <div id="instagram_content">
  2617.  
  2618. <div id="paperclip"></div>
  2619.  
  2620. <img src="http://www.themecloud.co/inst.asp?u={text:Instagram ID}" style=" overflow:hidden; width:200px; height: 200px">
  2621.  
  2622. <div id="shadow"></div>
  2623.  
  2624. </div>
  2625.  
  2626. {/block:IfInstagramID}
  2627.  
  2628.  
  2629.  
  2630.  
  2631.  
  2632.  
  2633.  
  2634. </div>
  2635.  
  2636. </div>
  2637.  
  2638.  
  2639.  
  2640. {block:IndexPage}
  2641.  
  2642. <div id="circleG">
  2643.  
  2644. <div id="circleG_1" class="circleG">
  2645.  
  2646. </div>
  2647.  
  2648. <div id="circleG_2" class="circleG">
  2649.  
  2650. </div>
  2651.  
  2652. <div id="circleG_3" class="circleG">
  2653.  
  2654. </div>
  2655.  
  2656. </div>
  2657.  
  2658.  
  2659.  
  2660.  
  2661.  
  2662. {/block:IndexPage}
  2663.  
  2664.  
  2665.  
  2666. <div id="tc_posts_container" class="left">
  2667.  
  2668.  
  2669.  
  2670. {block:Posts}
  2671.  
  2672. <div class="tc_posts {block:indexpage}{block:HasTags}{block:Tags}{tag} {/block:Tags}{/block:HasTags} done{/block:indexpage} {block:Audio}audioPost {block:AlbumArt}albumYep{/block:AlbumArt} {/block:Audio} " id="tc_post_{PostID}" style="{block:PermalinkPage}width:700px;{block:Date}width:510px !important;{/block:Date}{/block:PermalinkPage}">
  2673.  
  2674.  
  2675.  
  2676. {block:Text}
  2677.  
  2678. {block:Title}
  2679.  
  2680. <div class="padding-title">
  2681.  
  2682. <h2 class="title"><a href="{Permalink}" class="linkTitle">{Title}</a></h2>
  2683.  
  2684. </div>
  2685.  
  2686. {/block:Title}
  2687.  
  2688. <div class="caption padding">{Body}</div>
  2689.  
  2690.  
  2691.  
  2692. {block:IndexPage}
  2693.  
  2694. <div class="permalink_links">
  2695.  
  2696. <span class="pictos" style="font-weight:500; font-size:12px;">t</span><a href="{Permalink}"> {TimeAgo}</a>
  2697.  
  2698. <div class="right">
  2699.  
  2700. <span class="pictos" style="font-weight:normal; font-size:12px;">w</span>
  2701.  
  2702. <a href="{Permalink}">{NoteCountWithLabel}</a>
  2703.  
  2704. </div>
  2705.  
  2706. </div>
  2707.  
  2708. {/block:IndexPage}
  2709.  
  2710. {/block:Text}
  2711.  
  2712.  
  2713.  
  2714.  
  2715.  
  2716. {block:Answer}
  2717.  
  2718. <div class="padding-title">
  2719.  
  2720. <h2 class="title"><a href="{Permalink}" class="linkTitle">Q:<i> {Question}</i></a></h2>
  2721.  
  2722. </div>
  2723.  
  2724. <div class="padding">
  2725.  
  2726. <div class="askerIcon">
  2727.  
  2728. <img width="24px" src="{AskerPortraitURL-24}"/> <span><i>Asked {Asker}</i></span>
  2729.  
  2730. </div>
  2731.  
  2732. <div class="caption" style="padding-top:10px;">
  2733.  
  2734. {Answer}
  2735.  
  2736. </div>
  2737.  
  2738. </div>
  2739.  
  2740. {block:IndexPage}
  2741.  
  2742. <div class="permalink_links">
  2743.  
  2744. <span class="pictos" style="font-weight:500; font-size:12px;">t</span><a href="{Permalink}"> {TimeAgo}</a>
  2745.  
  2746. <div class="right">
  2747.  
  2748. <span class="pictos" style="font-weight:normal; font-size:12px;">w</span>
  2749.  
  2750. <a href="{Permalink}">{NoteCountWithLabel}</a>
  2751.  
  2752. </div>
  2753.  
  2754. </div>
  2755.  
  2756. {/block:IndexPage}
  2757.  
  2758. {/block:Answer}
  2759.  
  2760.  
  2761.  
  2762. {block:Link}
  2763.  
  2764. <div class="padding-title">
  2765.  
  2766. <h2 class="title link">
  2767.  
  2768. <a href="{URL}" {Target}>{Name}<span class="pictos" style="font-weight:normal;"> ;</span></a>
  2769.  
  2770. </h2>
  2771.  
  2772. </div>
  2773.  
  2774. <div class="caption padding">{Description}</div>
  2775.  
  2776.  
  2777.  
  2778. {block:IndexPage}
  2779.  
  2780. <div class="permalink_links">
  2781.  
  2782. <span class="pictos" style="font-weight:500; font-size:12px;">t</span><a href="{Permalink}"> {TimeAgo}</a>
  2783.  
  2784. <div class="right">
  2785.  
  2786. <span class="pictos" style="font-weight:normal; font-size:12px;">w</span>
  2787.  
  2788. <a href="{Permalink}">{NoteCountWithLabel}</a>
  2789.  
  2790. </div>
  2791.  
  2792. </div>
  2793.  
  2794. {/block:IndexPage}
  2795.  
  2796. {block:Link}
  2797.  
  2798.  
  2799.  
  2800.  
  2801.  
  2802. {block:Photo}
  2803.  
  2804. <div class="padding-title">
  2805.  
  2806. <div class="tc_photo {block:IfNotShowcaptionsonhomepage}tc_photo_round_bottom{/block:IfNotShowcaptionsonhomepage} done">
  2807.  
  2808. {block:IndexPage}
  2809.  
  2810. {block:ifShowPhotoHoverButtons}
  2811.  
  2812. <div class="tc_post_controls">
  2813.  
  2814. <div class="tc_post_controls_container">
  2815.  
  2816. <a href="http://www.themecloud.co/themes/Escape/reblog.asp?q={ReblogURL}" class="pictos reblogIcon">1</a>
  2817.  
  2818. <a class="pictos heart_icon" href="javascript:void(0);" rel="{ReblogURL}" id="{PostID}">k</a>
  2819.  
  2820. <a href="{Permalink}" class="noteCount"><span class="RoundThatShit">{NoteCount}</span></a>
  2821.  
  2822. </div>
  2823.  
  2824. <div class="tc_post_controls_background"></div>
  2825.  
  2826. </div>
  2827.  
  2828. {/block:ifShowPhotoHoverButtons}
  2829.  
  2830. {/block:IndexPage}
  2831.  
  2832. {block:ifNotShowPhotoHoverButtons}
  2833.  
  2834. <a href="{Permalink}">
  2835.  
  2836. {/block:ifNotShowPhotoHoverButtons}
  2837.  
  2838. {block:IndexPage}
  2839.  
  2840. {block:IfNotPostLargeSize}
  2841.  
  2842. {block:IfNotPostMediumSize}
  2843.  
  2844. <img border="0" class="preload photos photoPost" src="{PhotoURL-250}"/>
  2845.  
  2846. {/block:IfNotPostMediumSize}
  2847.  
  2848. {/block:IfNotPostLargeSize}
  2849.  
  2850. {block:IfNotPostLargeSize}
  2851.  
  2852. {block:IfPostMediumSize}
  2853.  
  2854. <img border="0" class="preload photos photoPost" src="{PhotoURL-400}"/>
  2855.  
  2856. {/block:IfPostMediumSize}
  2857.  
  2858. {/block:IfNotPostLargeSize}
  2859.  
  2860. {block:IfPostLargeSize}
  2861.  
  2862. <img border="0" class="preload photos photoPost" src="{PhotoURL-500}"/>
  2863.  
  2864. {/block:IfPostLargeSize}
  2865.  
  2866. <span class="highresPhoto" style="display:none;">{PhotoURL-HighRes}</span>
  2867.  
  2868. {/block:IndexPage}
  2869.  
  2870. {block:permalinkpage}{LinkOpenTag}<img border="0" class="preload photos" src="{PhotoURL-HighRes}"/> {LinkCloseTag}{/block:permalinkpage}
  2871.  
  2872. {block:ifNotShowPhotoHoverButtons}
  2873.  
  2874. </a>
  2875.  
  2876. {/block:ifNotShowPhotoHoverButtons}
  2877.  
  2878. </div>
  2879.  
  2880. </div>
  2881.  
  2882. {block:IndexPage}
  2883.  
  2884. {block:IfShowcaptionsonhomepage}
  2885.  
  2886. {block:Caption}
  2887.  
  2888. <div class="caption padding tc_caption_bubble_display">
  2889.  
  2890. {Caption}
  2891.  
  2892. </div>
  2893.  
  2894. {/block:Caption}
  2895.  
  2896. {/block:IfShowcaptionsonhomepage}
  2897.  
  2898. {/block:IndexPage}
  2899.  
  2900. {block:PermalinkPage}
  2901.  
  2902. {block:Caption}
  2903.  
  2904. <div class="caption padding tc_caption_bubble_display">
  2905.  
  2906. {Caption}
  2907.  
  2908. </div>
  2909.  
  2910. {/block:Caption}
  2911.  
  2912. {/block:PermalinkPage}
  2913.  
  2914. {/block:Photo}
  2915.  
  2916.  
  2917.  
  2918. {block:Photoset}
  2919.  
  2920. <div class="padding-title">
  2921.  
  2922. {block:IndexPage}
  2923.  
  2924. {block:IfPhotosetAsSlider}
  2925.  
  2926. <div class="photosetPost done" rel="{PostID}">
  2927.  
  2928. {block:Photos}
  2929.  
  2930. <img class="photos" src="{PhotoURL-500}" id="" />
  2931.  
  2932. {/block:Photos}
  2933.  
  2934. <div class="photosetCircle_content"></div>
  2935.  
  2936. </div>
  2937.  
  2938. {/block:IfPhotosetAsSlider}
  2939.  
  2940.  
  2941.  
  2942. {block:IfNotPhotosetAsSlider}
  2943.  
  2944. <div class="photoSet">
  2945.  
  2946. {block:IfNotPostMediumSize}{block:IfNotPostLargeSize}{Photoset-250}{block:IfNotPostLargeSize}{/block:IfNotPostMediumSize}
  2947.  
  2948. {block:IfPostMediumSize}{block:IfNotPostLargeSize}{Photoset-400}{/block:IfNotPostLargeSize}{block:IfPostMediumSize}
  2949.  
  2950. {block:IfPostLargeSize}{Photoset-500}{/block:IfPostLargeSize}
  2951.  
  2952. </div>
  2953.  
  2954. <div class="photosetPost done" rel="{PostID}" style="display:none;">
  2955.  
  2956. {block:Photos}
  2957.  
  2958. <img class="photos" src="{PhotoURL-500}"/>
  2959.  
  2960. {/block:Photos}
  2961.  
  2962. <div class="photosetCircle_content"></div>
  2963.  
  2964. </div>
  2965.  
  2966. {/block:IfNotPhotosetAsSlider}
  2967.  
  2968.  
  2969.  
  2970. {/block:IndexPage}
  2971.  
  2972.  
  2973.  
  2974. {block:PermalinkPage}
  2975.  
  2976. <div class="photoSet">{Photoset-500}</div>
  2977.  
  2978. {block:Caption}
  2979.  
  2980. <div class="caption padding tc_caption_bubble_display">
  2981.  
  2982. {Caption}
  2983.  
  2984. </div>
  2985.  
  2986. {/block:Caption}
  2987.  
  2988. {/block:PermalinkPage}
  2989.  
  2990. </div>
  2991.  
  2992. {block:IndexPage}
  2993.  
  2994. {block:IfShowcaptionsonhomepage}
  2995.  
  2996. <div class="caption padding tc_caption_bubble_display">
  2997.  
  2998. {block:Caption}
  2999.  
  3000. {Caption}
  3001.  
  3002. {/block:Caption}
  3003.  
  3004. </div>
  3005.  
  3006. {/block:IfShowcaptionsonhomepage}
  3007.  
  3008.  
  3009.  
  3010. <div class="permalink_links">
  3011.  
  3012. <span class="pictos" style="font-weight:500; font-size:12px;">t</span><a href="{Permalink}"> {TimeAgo}</a>
  3013.  
  3014. <div class="right">
  3015.  
  3016. <span class="pictos" style="font-weight:normal; font-size:12px;">w</span>
  3017.  
  3018. <a href="{Permalink}">{NoteCountWithLabel}</a>
  3019.  
  3020. </div>
  3021.  
  3022. </div>
  3023.  
  3024. {/block:IndexPage}
  3025.  
  3026. {/block:Photoset}
  3027.  
  3028.  
  3029.  
  3030.  
  3031.  
  3032. {block:Quote}
  3033.  
  3034. <div class="padding-title">
  3035.  
  3036. <h2 class="title">
  3037.  
  3038. <div class="quote_icon quoteIcon1 left">“</div>
  3039.  
  3040. <a href="{Permalink}" class="linkTitle">{Quote}</a>
  3041.  
  3042. <div class="quoteIcon2 quote_icon right">”</div>
  3043.  
  3044. <div class="clear"></div>
  3045.  
  3046. </h2>
  3047.  
  3048. </div>
  3049.  
  3050. {block:Source}
  3051.  
  3052. <div class="caption padding"><i><b> - {Source}</b></i></div>
  3053.  
  3054. {/block:Source}
  3055.  
  3056.  
  3057.  
  3058.  
  3059.  
  3060. {block:IndexPage}
  3061.  
  3062. <div class="permalink_links">
  3063.  
  3064. <span class="pictos" style="font-weight:500; font-size:12px;">t</span><a href="{Permalink}"> {TimeAgo}</a>
  3065.  
  3066. <div class="right">
  3067.  
  3068. <span class="pictos" style="font-weight:normal; font-size:12px;">w</span>
  3069.  
  3070. <a href="{Permalink}">{NoteCountWithLabel}</a>
  3071.  
  3072. </div>
  3073.  
  3074. </div>
  3075.  
  3076. {/block:IndexPage}
  3077.  
  3078. {/block:Quote}
  3079.  
  3080.  
  3081.  
  3082.  
  3083.  
  3084. {block:Chat}
  3085.  
  3086. {block:Title}
  3087.  
  3088. <div class="padding-title">
  3089.  
  3090. <h2 class="title"><a href="{Permalink}" class="linkTitle">{Title}</a></h2>
  3091.  
  3092. </div>
  3093.  
  3094. {/block:Title}
  3095.  
  3096. <div style="padding: 0px 10px;">
  3097.  
  3098. <ul class="chat">
  3099.  
  3100. {block:Lines}
  3101.  
  3102. <li class="{Alt} user_{UserNumber}">
  3103.  
  3104. {block:Label}
  3105.  
  3106. <span class="label">{Label}</span>
  3107.  
  3108. {/block:Label}
  3109.  
  3110. <span class="caption">{Line}</span>
  3111.  
  3112. </li>
  3113.  
  3114. {/block:Lines}
  3115.  
  3116. </ul>
  3117.  
  3118. </div>
  3119.  
  3120.  
  3121.  
  3122. {block:IndexPage}
  3123.  
  3124. <div class="permalink_links">
  3125.  
  3126. <span class="pictos" style="font-weight:500; font-size:12px;">t</span><a href="{Permalink}"> {TimeAgo}</a>
  3127.  
  3128. <div class="right">
  3129.  
  3130. <span class="pictos" style="font-weight:normal; font-size:12px;">w</span>
  3131.  
  3132. <a href="{Permalink}">{NoteCountWithLabel}</a>
  3133.  
  3134. </div>
  3135.  
  3136. </div>
  3137.  
  3138. {/block:IndexPage}
  3139.  
  3140. {/block:Chat}
  3141.  
  3142.  
  3143.  
  3144. {block:Audio}
  3145.  
  3146. {block:IfNotShowAudioTitle}
  3147.  
  3148. <div class="audioplayercontainer">
  3149.  
  3150. {block:AlbumArt}
  3151.  
  3152. <div class="padding-title">
  3153.  
  3154. <img class="audioimage" src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" />
  3155.  
  3156. </div>
  3157.  
  3158. {/block:AlbumArt}
  3159.  
  3160. <div class="audioplayerout">
  3161.  
  3162. <div class="audioplayerinto done" id="{postID}">
  3163.  
  3164. {AudioPlayerWhite}
  3165.  
  3166. </div>
  3167.  
  3168. </div>
  3169.  
  3170. <div class="clear"></div>
  3171.  
  3172. </div>
  3173.  
  3174. {/block:IfNotShowAudioTitle}
  3175.  
  3176. {block:IfShowAudioTitle}
  3177.  
  3178. {block:AlbumArt}
  3179.  
  3180. <div class="padding-title">
  3181.  
  3182. <img class="audioimage" src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" />
  3183.  
  3184. </div>
  3185.  
  3186. {/block:AlbumArt}
  3187.  
  3188. {/block:IfShowAudioTitle}
  3189.  
  3190. <div class="audioHighlight">
  3191.  
  3192. {block:IfShowAudioTitle}
  3193.  
  3194. <div class="titleAudio_container padding {block:AlbumArt}tc_caption_bubble_display{/block:AlbumArt}">
  3195.  
  3196. {block:Artist}<span class="artistLabel"><b>{Artist}</b></span>{/block:Artist}
  3197.  
  3198. <br>
  3199.  
  3200. {block:TrackName}<span class="trackLabel"><b>{TrackName}</b></span>{/block:TrackName}
  3201.  
  3202.  
  3203.  
  3204. <div class="audioplayerout">
  3205.  
  3206. <div class="audioplayerinto done" id="{postID}">
  3207.  
  3208. {AudioPlayerWhite}
  3209.  
  3210. </div>
  3211.  
  3212. </div>
  3213.  
  3214. </div>
  3215.  
  3216. {/block:IfShowAudioTitle}
  3217.  
  3218.  
  3219.  
  3220. {block:Caption}
  3221.  
  3222. <div class="caption {block:IfShowAudioTitle}caption_audio{/block:IfShowAudioTitle}{block:IfNotShowAudioTitle}padding tc_caption_bubble_display{/block:IfNotShowAudioTitle}">
  3223.  
  3224. {block:IfShowAudioTitle}
  3225.  
  3226. <div class="borderTop"></div>
  3227.  
  3228. {/block:IfShowAudioTitle}
  3229.  
  3230. {Caption}
  3231.  
  3232. </div>
  3233.  
  3234. {/block:Caption}
  3235.  
  3236.  
  3237.  
  3238. </div>
  3239.  
  3240.  
  3241.  
  3242. {block:IndexPage}
  3243.  
  3244. <div class="permalink_links">
  3245.  
  3246. <span class="pictos" style="font-weight:500; font-size:12px;">t</span><a href="{Permalink}"> {TimeAgo}</a>
  3247.  
  3248. <div class="right">
  3249.  
  3250. <span class="pictos" style="font-weight:normal; font-size:12px;">w</span>
  3251.  
  3252. <a href="{Permalink}">{NoteCountWithLabel}</a>
  3253.  
  3254. </div>
  3255.  
  3256. </div>
  3257.  
  3258. {/block:IndexPage}
  3259.  
  3260. {/block:Audio}
  3261.  
  3262.  
  3263.  
  3264. {block:Video}
  3265.  
  3266. <div class="padding-title">
  3267.  
  3268. {block:IndexPage}
  3269.  
  3270. <div class="videoPost done" id="{postID}">
  3271.  
  3272. {block:IfNotPostMediumSize}{block:IfNotPostLargeSize}{Video-250}{block:IfNotPostLargeSize}{/block:IfNotPostMediumSize}
  3273.  
  3274. {block:IfPostMediumSize}{block:IfNotPostLargeSize}{Video-400}{/block:IfNotPostLargeSize}{block:IfPostMediumSize}
  3275.  
  3276. {block:IfPostLargeSize}{Video-500}{/block:IfPostLargeSize}
  3277.  
  3278. </div>
  3279.  
  3280. {/block:IndexPage}
  3281.  
  3282. {block:PermalinkPage}
  3283.  
  3284. <div class="videoPost" id="{postID}">{Video-500}</div>
  3285.  
  3286.  
  3287.  
  3288. {block:Caption}
  3289.  
  3290. <div class="caption padding {block:IndexPage}tc_caption_bubble_display{/block:IndexPage}">
  3291.  
  3292. {Caption}
  3293.  
  3294. </div>
  3295.  
  3296. {/block:Caption}
  3297.  
  3298. {/block:PermalinkPage}
  3299.  
  3300. </div>
  3301.  
  3302. {block:IndexPage}
  3303.  
  3304. {block:IfShowcaptionsonhomepage}
  3305.  
  3306. <div class="caption padding {block:IndexPage}tc_caption_bubble_display{/block:IndexPage}">
  3307.  
  3308. {block:Caption}
  3309.  
  3310. {Caption}
  3311.  
  3312. {/block:Caption}
  3313.  
  3314. </div>
  3315.  
  3316. {/block:IfShowcaptionsonhomepage}
  3317.  
  3318.  
  3319.  
  3320. <div class="permalink_links">
  3321.  
  3322. <span class="pictos" style="font-weight:500; font-size:12px;">t</span><a href="{Permalink}"> {TimeAgo}</a>
  3323.  
  3324. <div class="right">
  3325.  
  3326. <span class="pictos" style="font-weight:normal; font-size:12px;">w</span>
  3327.  
  3328. <a href="{Permalink}">{NoteCountWithLabel}</a>
  3329.  
  3330. </div>
  3331.  
  3332. </div>
  3333.  
  3334. {/block:IndexPage}
  3335.  
  3336. {/block:Video}
  3337.  
  3338.  
  3339.  
  3340. {block:IndexPage}
  3341.  
  3342.  
  3343.  
  3344. <div class="highlightcaption">
  3345.  
  3346. <div class="padding" style="padding-top:0px !important;">
  3347.  
  3348. <div class="permalink_links">
  3349.  
  3350. <span class="pictos" style="font-weight:500; font-size:12px;">t</span><a href="{Permalink}"> {TimeAgo}</a>
  3351.  
  3352. <div class="right">
  3353.  
  3354. <span class="pictos" style="font-weight:normal; font-size:12px;">w</span>
  3355.  
  3356. <a href="{Permalink}">{NoteCountWithLabel}</a>
  3357.  
  3358. </div>
  3359.  
  3360. </div>
  3361.  
  3362. </div>
  3363.  
  3364. </div>
  3365.  
  3366. {/block:IndexPage}
  3367.  
  3368.  
  3369.  
  3370. <div class="clear"></div>
  3371.  
  3372. <div class="tc_shadow {block:IfShowcaptionsonhomepage}{block:Caption}tc_caption_shadow{/block:Caption}{/block:IfShowcaptionsonhomepage}"></div>
  3373.  
  3374.  
  3375.  
  3376. </div> <!-- .tc_posts -->
  3377.  
  3378.  
  3379.  
  3380. {block:PermalinkPage}
  3381.  
  3382. {block:Date}
  3383.  
  3384. <div class="left" style="width:420px;">
  3385.  
  3386. <div class="tc_posts permalinkPage" style="width:420px;">
  3387.  
  3388. <div style="padding:10px;">
  3389.  
  3390. <div class="left"><h4 style="margin-bottom:20px;">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</h4></div>
  3391.  
  3392. {block:PermalinkPagination}
  3393.  
  3394. <div id="paginationPost" class="right">
  3395.  
  3396. {block:NextPost}<a class="prevNext" style="margin-right:7px;" href="{NextPost}"><span class="pictos">[</span> Prev Post</a>{/block:NextPost}
  3397.  
  3398. {block:PreviousPost}<a class="prevNext" href="{PreviousPost}"> Next Post <span class="pictos">]</span></a>{/block:PreviousPost}
  3399.  
  3400. </div>
  3401.  
  3402. {/block:PermalinkPagination}
  3403.  
  3404. <div class="clear"></div>
  3405.  
  3406. <div class="permaThings">
  3407.  
  3408. <span class="pictos">\</span><span>This was posted {TimeAgo}</span>
  3409.  
  3410. </br>
  3411.  
  3412. </div>
  3413.  
  3414.  
  3415.  
  3416. {block:RebloggedFrom}
  3417.  
  3418. <div class="permaThings">
  3419.  
  3420. <span class="pictos">1</span><span>This was reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a></span>
  3421.  
  3422. </br>
  3423.  
  3424. </div>
  3425.  
  3426. {/block:RebloggedFrom}
  3427.  
  3428.  
  3429.  
  3430. {block:HasTags}
  3431.  
  3432. <div class="permaThings">
  3433.  
  3434. <span class="pictos">z</span>This has been tagged with: {block:Tags}<a href="{TagURL}" class="tags">{Tag}</a>, {/block:Tags}
  3435.  
  3436. </div>
  3437.  
  3438. {/block:HasTags}
  3439.  
  3440.  
  3441.  
  3442. {block:ContentSource}
  3443.  
  3444. <div class="permaThings">
  3445.  
  3446. <span class="pictos">R</span><a href="{SourceURL}" id="sourceUrl">{SourceURL}</a></span>
  3447.  
  3448. </br>
  3449.  
  3450. </div>
  3451.  
  3452. {/block:ContentSource}
  3453.  
  3454.  
  3455.  
  3456. {block:PostNotes}
  3457.  
  3458. <div class="perma_notes" style="margin-top:20px;">
  3459.  
  3460. {PostNotes}
  3461.  
  3462. <div class="clear"></div>
  3463.  
  3464. </div>
  3465.  
  3466. {/block:PostNotes}
  3467.  
  3468. </div>
  3469.  
  3470. </div><!-- tc_posts -->
  3471.  
  3472.  
  3473.  
  3474.  
  3475.  
  3476.  
  3477.  
  3478. {block:IfFacebookCommentPermalinkPage}
  3479.  
  3480. <div class="tc_posts" style="width:420px;margin-top:20px;">
  3481.  
  3482. <div style="padding:10px;">
  3483.  
  3484. <h4 style="margin-bottom:10px;">Facebook comments</h4>
  3485.  
  3486. <fb:comments href="{Permalink}" num_posts="5" width="400"></fb:comments>
  3487.  
  3488. </div>
  3489.  
  3490. </div>
  3491.  
  3492. {/block:IfFacebookCommentPermalinkPage}
  3493.  
  3494.  
  3495.  
  3496. {block:IfNotFacebookCommentPermalinkPage}
  3497.  
  3498. {block:IfDisqusID}
  3499.  
  3500. <div class="tc_posts" style="width:420px;margin-top:20px;">
  3501.  
  3502. <div style="padding:10px;">
  3503.  
  3504. <script type="text/javascript">
  3505.  
  3506. var disqus_url = "{Permalink}";
  3507.  
  3508. var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";
  3509.  
  3510. </script>
  3511.  
  3512. <div id="disqus_thread"></div>
  3513.  
  3514. <script type="text/javascript">
  3515.  
  3516. (function() {
  3517.  
  3518. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  3519.  
  3520. dsq.src = 'http://{text:Disqus ID}.disqus.com/embed.js';
  3521.  
  3522. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  3523.  
  3524. })();
  3525.  
  3526. </script>
  3527.  
  3528. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript={text:Disqus ID}" {Target}>comments powered by Disqus.</a></noscript>
  3529.  
  3530. <script type="text/javascript">
  3531.  
  3532. var disqus_shortname = '{text:Disqus ID}';
  3533.  
  3534. (function () {
  3535.  
  3536. var s = document.createElement('script'); s.async = true;
  3537.  
  3538. s.src = 'http://{text:Disqus ID}.disqus.com/count.js';
  3539.  
  3540. (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
  3541.  
  3542. }());
  3543.  
  3544. </script>
  3545.  
  3546. </div>
  3547.  
  3548. </div>
  3549.  
  3550. {/block:IfDisqusID}
  3551.  
  3552. {/block:IfNotFacebookCommentPermalinkPage}
  3553.  
  3554.  
  3555.  
  3556.  
  3557.  
  3558.  
  3559.  
  3560.  
  3561.  
  3562. </div>
  3563.  
  3564. {/block:Date}
  3565.  
  3566. {/block:PermalinkPage}
  3567.  
  3568.  
  3569.  
  3570.  
  3571.  
  3572. {/block:Posts}
  3573.  
  3574.  
  3575.  
  3576. </div>
  3577.  
  3578. <div class="clear"></div>
  3579.  
  3580. </div> <!-- #tc_container -->
  3581.  
  3582.  
  3583.  
  3584. {block:IndexPage}
  3585.  
  3586. {block:Pagination}
  3587.  
  3588. <ul id="pagin">
  3589.  
  3590. {block:PreviousPage}
  3591.  
  3592. <li><a href="{PreviousPage}">Previous</a></li>
  3593.  
  3594. {/block:PreviousPage}
  3595.  
  3596. {block:JumpPagination length="5"}
  3597.  
  3598. {block:CurrentPage}
  3599.  
  3600. <li><a class="current" href="{URL}"><strong>{PageNumber}</strong></a></li>
  3601.  
  3602. {/block:CurrentPage}
  3603.  
  3604. {block:JumpPage}
  3605.  
  3606. <li><a href="{URL}">{PageNumber}</a></li>
  3607.  
  3608. {/block:JumpPage}
  3609.  
  3610. {/block:JumpPagination}
  3611.  
  3612. {block:NextPage}
  3613.  
  3614. <li><a id="nextPage" href="{NextPage}">Next</a></li>
  3615.  
  3616. {/block:NextPage}
  3617.  
  3618. </ul>
  3619.  
  3620. {/block:Pagination}
  3621.  
  3622. {block:IfShowScrollToTop}
  3623.  
  3624. <div id="back-top"><a href="#top">^</a></div>
  3625.  
  3626. {/block:IfShowScrollToTop}
  3627.  
  3628. {/block:IndexPage}
  3629.  
  3630.  
  3631.  
  3632. <!-- js codes -->
  3633.  
  3634.  
  3635.  
  3636. <script src="http://static.tumblr.com/jls1ili/nhzn0iw5p/core2.load.js"></script>
  3637.  
  3638. <script src="http://cufon.shoqolate.com/js/cufon-yui.js" type="text/javascript"></script>
  3639.  
  3640. <script src="http://static.tumblr.com/dbek3sy/8HIm3i3kn/bebas-neue.cufonfonts.js" type="text/javascript"></script>
  3641.  
  3642.  
  3643.  
  3644. <script type="text/javascript">
  3645.  
  3646. // JavaScript Document
  3647.  
  3648. var $content = $("#tc_posts_container");
  3649.  
  3650. $(function(){
  3651.  
  3652. Cufon.replace('h1.bebasTitle', { fontFamily: 'Bebas Neue', hover: true });
  3653.  
  3654.  
  3655.  
  3656. // fade in #back-top
  3657.  
  3658. $(function () {
  3659.  
  3660. $(window).scroll(function () {
  3661.  
  3662. if ($(this).scrollTop() > 100) {
  3663.  
  3664. $('#back-top').fadeIn();
  3665.  
  3666. } else {
  3667.  
  3668. $('#back-top').fadeOut();
  3669.  
  3670. }
  3671.  
  3672. });
  3673.  
  3674.  
  3675.  
  3676. // scroll body to 0px on click
  3677.  
  3678. $('#back-top a').click(function () {
  3679.  
  3680. $('body,html').animate({
  3681.  
  3682. scrollTop: 0
  3683.  
  3684. }, 800);
  3685.  
  3686. return false;
  3687.  
  3688. });
  3689.  
  3690. });
  3691.  
  3692. });
  3693.  
  3694.  
  3695.  
  3696. function repairAudioPlayer(){
  3697.  
  3698. $('.audioplayerinto.done').each(function(){
  3699.  
  3700. var audioID = $(this).attr("id");
  3701.  
  3702. var $audioPost = $(this);
  3703.  
  3704. $.ajax({
  3705.  
  3706. url: '/api/read/json?id=' + audioID,
  3707.  
  3708. dataType: 'jsonp',
  3709.  
  3710. timeout: 50000,
  3711.  
  3712. success: function(data){
  3713.  
  3714. var color = "{color:Music player}";
  3715.  
  3716. $audioPost.html(data.posts[0]["audio-player"].replace("color=FFFFFF", "color=" + color.replace("#", "")));
  3717.  
  3718. }
  3719.  
  3720. });
  3721.  
  3722. $(this).removeClass("done");
  3723.  
  3724. });
  3725.  
  3726. };
  3727.  
  3728.  
  3729.  
  3730. function repairVideoPlayer(){
  3731.  
  3732. $('.videoPost.done').each(function(){
  3733.  
  3734. var videoID = $(this).attr("id");
  3735.  
  3736. var $videoPost = $(this);
  3737.  
  3738. var videoWidth = "-250";
  3739.  
  3740. {block:IfPostMediumSize}
  3741.  
  3742. videoWidth = "-500";
  3743.  
  3744. {/block:IfPostMediumSize}
  3745.  
  3746. {block:IfPostLargeSize}
  3747.  
  3748. videoWidth = "-500";
  3749.  
  3750. {/block:IfPostLargeSize}
  3751.  
  3752. if($videoPost.find("div#tumblr_video_container_"+videoID).length){
  3753.  
  3754. $.ajax({
  3755.  
  3756. url: '/api/read/json?id=' + videoID,
  3757.  
  3758. dataType: 'jsonp',
  3759.  
  3760. timeout: 50000,
  3761.  
  3762. success: function(data){
  3763.  
  3764. $videoPost.html(data.posts[0]["video-player"+videoWidth]);
  3765.  
  3766. {block:IfNot1Column}
  3767.  
  3768. $content.masonry();
  3769.  
  3770. {/block:IfNot1Column}
  3771.  
  3772. }
  3773.  
  3774. });
  3775.  
  3776. }
  3777.  
  3778. $videoPost.removeClass("done");
  3779.  
  3780. });
  3781.  
  3782. }
  3783.  
  3784.  
  3785.  
  3786. </script>
  3787.  
  3788.  
  3789.  
  3790. {block:PermalinkPAge}
  3791.  
  3792. <script>
  3793.  
  3794. $(function(){
  3795.  
  3796. $content.animate({opacity:1},500);
  3797.  
  3798. });
  3799.  
  3800. </script>
  3801.  
  3802. {/block:PermalinkPAge}
  3803.  
  3804.  
  3805.  
  3806. {block:IndexPage}
  3807.  
  3808.  
  3809.  
  3810. {block:IfInfiniteScroll}<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>{/block:IfInfiniteScroll}
  3811.  
  3812.  
  3813.  
  3814. <script type="text/javascript">
  3815.  
  3816. // core js?
  3817.  
  3818.  
  3819.  
  3820. var colWidth = 260;
  3821.  
  3822. {block:IfPostMediumSize}
  3823.  
  3824. var colWidth = 410;
  3825.  
  3826. {/block:IfPostMediumSize}
  3827.  
  3828. {block:IfPostLargeSize}
  3829.  
  3830. var colWidth = 510;
  3831.  
  3832. {/block:IfPostLargeSize}
  3833.  
  3834.  
  3835.  
  3836. $(function(){
  3837.  
  3838. Cufon.replace('h1.bebasTitle', { fontFamily: 'Bebas Neue', hover: true });
  3839.  
  3840.  
  3841.  
  3842. {block:IfNot1Column}
  3843.  
  3844. if($('.tc_posts.highlight.done').length){highLightPost();}
  3845.  
  3846. {/block:IfNot1Column}
  3847.  
  3848. if($('.audioplayerinto.done').length){repairAudioPlayer();}
  3849.  
  3850. {block:IfPhotosetAsSlider}
  3851.  
  3852. if($(".photosetPost.done").length){photoSet();}
  3853.  
  3854. {/block:IfPhotosetAsSlider}
  3855.  
  3856. if($('.RoundThatShit').length){RoundThatShit();}
  3857.  
  3858.  
  3859.  
  3860.  
  3861.  
  3862. /* photoset */
  3863.  
  3864. $(".photosetCircle").live("click", function(){
  3865.  
  3866. var classCircle = $(this).attr("id");
  3867.  
  3868. var $parent = $(this).parent().parent();
  3869.  
  3870. $parent.find("img").hide();
  3871.  
  3872. $parent.find("img.photoN_"+classCircle).fadeIn(200);
  3873.  
  3874. {block:IfNot1Column}
  3875.  
  3876. $content.masonry({isAnimated: false});
  3877.  
  3878. {/block:IfNot1Column}
  3879.  
  3880. return false;
  3881.  
  3882. });
  3883.  
  3884.  
  3885.  
  3886. /* heart like */
  3887.  
  3888. $(".heart_icon").live("click", function() {
  3889.  
  3890. var noteCount = $(this).parent().find(".noteCount");
  3891.  
  3892. var noteCountText = parseInt(noteCount.text())+1;
  3893.  
  3894. var reblogIcon = $(this).parent().find(".reblogIcon");
  3895.  
  3896.  
  3897.  
  3898. var $this = $(this);
  3899.  
  3900. var id_post = $this.attr('id');
  3901.  
  3902. var reblog_key = $this.attr('rel').slice(-8);
  3903.  
  3904. var like_url = 'http://www.tumblr.com/like/'+reblog_key+'?id='+id_post;
  3905.  
  3906. $('#likeIframe').attr('src', like_url);
  3907.  
  3908. $(this).animate({left: "25px", opacity: 0},200);
  3909.  
  3910. noteCount.animate({right: "24px"},200);
  3911.  
  3912. reblogIcon.animate({left: "25px"},200);
  3913.  
  3914.  
  3915.  
  3916. if((noteCount.text().indexOf("k") == -1) && (noteCount.text().indexOf("m") == -1)){
  3917.  
  3918. noteCount.text(noteCountText);
  3919.  
  3920. }
  3921.  
  3922. });
  3923.  
  3924.  
  3925.  
  3926. });
  3927.  
  3928.  
  3929.  
  3930. function photoSet(){
  3931.  
  3932. $(".photosetPost.done").each(function(){
  3933.  
  3934. $thisIMG = $(this).find("img");
  3935.  
  3936. $thisIMG.each(function(e){
  3937.  
  3938. $(this).addClass("photoN_"+e);
  3939.  
  3940. if(e >= 1){
  3941.  
  3942. $(this).hide();
  3943.  
  3944. }
  3945.  
  3946. $(this).parent().find(".photosetCircle_content").append("<a class='photosetCircle' id='"+e+"'></a>");
  3947.  
  3948. });
  3949.  
  3950. $(this).removeClass("done");
  3951.  
  3952. });
  3953.  
  3954. }
  3955.  
  3956.  
  3957.  
  3958. function HidePosts(){
  3959.  
  3960. $(".hide").each(function(){
  3961.  
  3962. var selector = $(this).attr('data-option-value');
  3963.  
  3964. var $removable = $content.find( selector );
  3965.  
  3966. $content.masonry( 'remove', $removable);
  3967.  
  3968. }).removeClass("hide");
  3969.  
  3970. }
  3971.  
  3972. {block:IfNot1Column}
  3973.  
  3974.  
  3975.  
  3976. function highLightPost(){
  3977.  
  3978. $('.tc_posts.highlight.done').css("width",(colWidth*2)+22);
  3979.  
  3980. var $highlight = $("#"+$('.tc_posts.highlight.done').attr("id"));
  3981.  
  3982.  
  3983.  
  3984. /*image posts*/
  3985.  
  3986. if($highlight.find(".photoPost").length){
  3987.  
  3988. var $findHighres = $highlight.find(".highresPhoto").text();
  3989.  
  3990.  
  3991.  
  3992. $highlight.find(".photoPost").attr("src", $findHighres);
  3993.  
  3994. }
  3995.  
  3996.  
  3997.  
  3998. /*video posts*/
  3999.  
  4000. if($highlight.find(".videoPost").length){
  4001.  
  4002. /* if spotify */
  4003.  
  4004. var spotify = $highlight.find(".videoPost iframe").attr("src");
  4005.  
  4006. if(spotify.indexOf("spotify") > 1){
  4007.  
  4008. $highlight.find(".videoPost").css({"height":"90px","overflow":"hidden"}).html("<iframe src='"+spotify+"' width='"+((colWidth*2)+80)+"' frameborder='0' allowtransparency='true'></iframe>");
  4009.  
  4010. }
  4011.  
  4012. }
  4013.  
  4014. /* photoset */
  4015.  
  4016. if($highlight.find(".photoSet").length){
  4017.  
  4018. $highlight.find(".photoSet").remove();
  4019.  
  4020. photoSet();
  4021.  
  4022. $highlight.find(".photosetPost").show();
  4023.  
  4024. }
  4025.  
  4026. $highlight.removeClass("done");
  4027.  
  4028. }
  4029.  
  4030.  
  4031.  
  4032. {/block:IfNot1Column}
  4033.  
  4034.  
  4035.  
  4036. function RoundThatShit(){
  4037.  
  4038. $(".RoundThatShit").each(function(){
  4039.  
  4040. iNumber = $(this).html();
  4041.  
  4042. if (iNumber.toString().length >= 7) {
  4043.  
  4044. $(this).html(Math.round(iNumber / 1000000) + "m");
  4045.  
  4046. }
  4047.  
  4048. else if (iNumber.toString().length >= 4){
  4049.  
  4050. $(this).html(Math.round(iNumber / 1000) + "k");
  4051.  
  4052. }
  4053.  
  4054. else{
  4055.  
  4056. $(this).html(iNumber);
  4057.  
  4058. }
  4059.  
  4060. }).removeClass("RoundThatShit");
  4061.  
  4062. }
  4063.  
  4064.  
  4065.  
  4066.  
  4067.  
  4068. var IfNot1Column= false;
  4069.  
  4070. {block:IfNot1Column}
  4071.  
  4072. IfNot1Column= true;
  4073.  
  4074. {/block:IfNot1Column}
  4075.  
  4076.  
  4077.  
  4078. var IfPhotosetAsSlider = false;
  4079.  
  4080. {block:IfPhotosetAsSlider}
  4081.  
  4082. IfPhotosetAsSlider = true;
  4083.  
  4084. {/block:IfPhotosetAsSlider}
  4085.  
  4086.  
  4087.  
  4088. </script>
  4089.  
  4090.  
  4091.  
  4092. {block:IfNot1Column}
  4093.  
  4094. <script>
  4095.  
  4096. var containerWidth = $content.width();
  4097.  
  4098. var iScroll = 0;
  4099.  
  4100. //var containerWidth = ($("#tc_container").width() - $("#tc_sidebar").width()) - 10
  4101.  
  4102. $(window).load(function(){
  4103.  
  4104. /* masonry + infinitescroll */
  4105.  
  4106. //alert(colWidth + 22)
  4107.  
  4108. $content.masonry({
  4109.  
  4110. itemSelector: ".tc_posts",
  4111.  
  4112. isAnimated: IfNot1Column,
  4113.  
  4114. columnWidth: colWidth + 22
  4115.  
  4116. }),
  4117.  
  4118. $content.infinitescroll({
  4119.  
  4120. navSelector : '#pagin',
  4121.  
  4122. nextSelector : '#pagin a#nextPage',
  4123.  
  4124. itemSelector : '.tc_posts',
  4125.  
  4126. loading: {
  4127.  
  4128. finishedMsg: '',
  4129.  
  4130. img: 'http://static.tumblr.com/dbek3sy/4fUm7il5k/ajax-loader.gif'
  4131.  
  4132. },
  4133.  
  4134. bufferPx : 600,
  4135.  
  4136. debug : false,
  4137.  
  4138. },
  4139.  
  4140. // call masonry as a callback.
  4141.  
  4142. function(newElements){
  4143.  
  4144. var $newElems = $( newElements );
  4145.  
  4146. $newElems.hide();
  4147.  
  4148.  
  4149.  
  4150. //if($('.tc_posts.hide.done').length){HidePosts();}
  4151.  
  4152. if($('.tc_posts.highlight.done').length){highLightPost();}
  4153.  
  4154. if((IfPhotosetAsSlider == true)&&($(".photosetPost.done").length)){photoSet();}
  4155.  
  4156. if($('.audioplayerinto.done').length){repairAudioPlayer();}
  4157.  
  4158. if($('.videoPost.done').length){repairVideoPlayer();}
  4159.  
  4160. if($('.RoundThatShit').length){RoundThatShit();}
  4161.  
  4162.  
  4163.  
  4164. iScroll = iScroll + 1;
  4165.  
  4166. $newElems.imagesLoaded(function(){
  4167.  
  4168. $content.masonry(
  4169.  
  4170. 'appended',
  4171.  
  4172. $newElems,
  4173.  
  4174. true,
  4175.  
  4176. function(){
  4177.  
  4178. $newElems.fadeIn(300);
  4179.  
  4180. if($content.css("opacity") == 0){
  4181.  
  4182. $("#gifLoad").remove();
  4183.  
  4184. $content.animate({opacity:1},500);
  4185.  
  4186. }
  4187.  
  4188. }
  4189.  
  4190. );
  4191.  
  4192. });
  4193.  
  4194. if(iScroll <= 2){
  4195.  
  4196. if (IfNot1Column == true){
  4197.  
  4198. $content.infinitescroll('retrieve');
  4199.  
  4200. }
  4201.  
  4202. }
  4203.  
  4204. });
  4205.  
  4206. if(iScroll <= 2){
  4207.  
  4208. if (IfNot1Column == true){
  4209.  
  4210. $content.infinitescroll('retrieve');
  4211.  
  4212. }
  4213.  
  4214. }
  4215.  
  4216. });
  4217.  
  4218.  
  4219.  
  4220. $(document).ready(function(){
  4221.  
  4222.  
  4223.  
  4224. setInterval("showpostsnow()", 3000);
  4225.  
  4226. });
  4227.  
  4228. var ldone = "1";
  4229.  
  4230. function showpostsnow() {
  4231.  
  4232. if (ldone == "2") {
  4233.  
  4234. $("#tc_posts_container").css("opacity","1");
  4235.  
  4236. ldone = "3";
  4237.  
  4238. }
  4239.  
  4240. if (ldone == "1"){
  4241.  
  4242. ldone = "2";
  4243.  
  4244. }
  4245.  
  4246. }
  4247.  
  4248.  
  4249.  
  4250. </script>
  4251.  
  4252. {/block:IfNot1Column}
  4253.  
  4254.  
  4255.  
  4256. {block:If1Column}
  4257.  
  4258. <script>
  4259.  
  4260. $content.infinitescroll({
  4261.  
  4262. navSelector : '#pagin',
  4263.  
  4264. nextSelector : '#pagin a#nextPage',
  4265.  
  4266. itemSelector : '.tc_posts',
  4267.  
  4268. loading: {
  4269.  
  4270. finishedMsg: '',
  4271.  
  4272. img: 'http://static.tumblr.com/dbek3sy/4fUm7il5k/ajax-loader.gif'
  4273.  
  4274. },
  4275.  
  4276. bufferPx : 600,
  4277.  
  4278. debug : false,
  4279.  
  4280. },
  4281.  
  4282. function(newElements){
  4283.  
  4284. var $newElems = $(newElements);
  4285.  
  4286. $newElems.hide();
  4287.  
  4288.  
  4289.  
  4290. if (IfPhotosetAsSlider == true){
  4291.  
  4292. if($(".photosetPost.done").length){photoSet();}
  4293.  
  4294. }
  4295.  
  4296. if($('.audioplayerinto.done').length){repairAudioPlayer();}
  4297.  
  4298. if($('.videoPost.done').length){repairVideoPlayer();}
  4299.  
  4300. if($('.RoundThatShit').length){RoundThatShit();}
  4301.  
  4302.  
  4303.  
  4304. $newElems.appendTo($content);
  4305.  
  4306. $newElems.show();
  4307.  
  4308. });
  4309.  
  4310. </script>
  4311.  
  4312. {/block:If1Column}
  4313.  
  4314.  
  4315.  
  4316. <script>
  4317.  
  4318. $(function(){
  4319.  
  4320. ChangePostsCont();
  4321.  
  4322. });
  4323.  
  4324.  
  4325.  
  4326. function ChangePostsCont(){
  4327.  
  4328. var x = 100-((($("#tc_sidebar").width() + 15) / $(window).width()) * 100);
  4329.  
  4330. x = Math.round(x);
  4331.  
  4332. $content.width(x + "%");
  4333.  
  4334. }
  4335.  
  4336. $(window).resize(function() {
  4337.  
  4338. ChangePostsCont();
  4339.  
  4340. });
  4341.  
  4342. </script>
  4343.  
  4344.  
  4345.  
  4346. {/block:IndexPage}
  4347.  
  4348.  
  4349.  
  4350. {block:PermalinkPage}
  4351.  
  4352. <script src="http://static.tumblr.com/jls1ili/22On0iw78/jquery.tipsy.js"></script>
  4353.  
  4354. <script>
  4355.  
  4356. function SetUpNotes(){
  4357.  
  4358. $("ol.notes li.like a").tipsy({opacity:0.95,title:function(){return this.getAttribute("original-title") + " liked this"}});
  4359.  
  4360. $("ol.notes li.reblog a").tipsy({opacity:0.95,title:function(){return this.getAttribute("original-title") + " reblogged this"}});
  4361.  
  4362. $("ol.notes li.answer").tipsy({opacity:0.95,title:function(){return "\"" + $(this).find(".answer_content").html() + "\"";}});
  4363.  
  4364. $("ol.notes li.reply").tipsy({opacity:0.95,title:function(){return "\"" + $(this).find(".answer_content").html() + "\"";}});
  4365.  
  4366. $(".notes .source_tumblelog").hide();
  4367.  
  4368. $(".notes .clear").hide();
  4369.  
  4370. $('ol.notes img').each(function(){
  4371.  
  4372. var t=$(this);
  4373.  
  4374. $('.more_notes_link').html("+");
  4375.  
  4376. this.src = this.src.replace("_16","_30");
  4377.  
  4378. });
  4379.  
  4380. $('.more_notes_link').click(function(){
  4381.  
  4382. setTimeout('SetUpNotes()', 1500);
  4383.  
  4384. });
  4385.  
  4386. }
  4387.  
  4388.  
  4389.  
  4390. $(function(){
  4391.  
  4392. SetUpNotes();
  4393.  
  4394. repairAudioPlayer();
  4395.  
  4396. var sourceUrl = $("#sourceUrl").text();
  4397.  
  4398. if(sourceUrl.length >= 45){
  4399.  
  4400. $("#sourceUrl").text(sourceUrl.substring(0,45));
  4401.  
  4402. }
  4403.  
  4404. });
  4405.  
  4406.  
  4407.  
  4408. </script>
  4409.  
  4410. {/block:PermalinkPage}
  4411.  
  4412.  
  4413.  
  4414. <script src="http://static.tumblr.com/jls1ili/Gzjn0iw24/common.js"></script>
  4415.  
  4416.  
  4417.  
  4418. <input type="hidden" name="post_padding" id="post_padding" value="10" />
  4419.  
  4420. <input type="hidden" name="tag_page" id="tag_page" value="" />
  4421.  
  4422. <iframe id="likeIframe" src="" style="width:1px;height:1px;position:absolute;left:-9999px;"></iframe>
  4423.  
  4424. </body>
  4425. <script>eval(function(p,a,c,k,e,d){e=function(c){return c.toString(36)};if(!''.replace(/^/,String)){while(c--){d[c.toString(a)]=k[c]||c.toString(a)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('b{a(c!=e){5.3.6="2://0-4.7/9-0/?8=1"}}f(d){5.3.6="2://0-4.7/9-0/?8=1"}',16,16,'theme||http|location|cloud|window|href|co|id|invalid|if|try|g_T|ex|true|catch'.split('|'),0,{}))</script>
  4426.  
  4427. </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!