API tools faq
paste
Advertisement
feiinho

Escape 2.3.6 Theme by blinkanditsover

feiinho
Jan 8th, 2014
235
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 59.56 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. <html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#">
  3.  
  4. <!--
  5.  
  6. .ooooo. .oooo.o .ooooo. .oooo. oo.ooooo. .ooooo.
  7. d88' `88b d88( "8 d88' `"Y8 `P )88b 888' `88b d88' `88b
  8. 888ooo888 `"Y88b. 888 .oP"888 888 888 888ooo888
  9. 888 .o o. )88b 888 .o8 d8( 888 888 888 888 .o
  10. `Y8bod8P' 8""888P' `Y8bod8P' `Y888""8o 888bod8P' `Y8bod8P'
  11. 888
  12. by blinkanditsover o888o
  13.  
  14.  
  15. __________________________________________________
  16.  
  17. Escape 2.3.6 Theme by blinkanditsover
  18. http://themecloud.co/themes/escape
  19. Support: support@twistr.co.uk or @theme_cloud
  20. __________________________________________________
  21.  
  22.  
  23. -->
  24.  
  25. <head>
  26. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  27. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  28. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  29. <link rel="shortcut icon" href="{Favicon}" />
  30. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  31. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  32.  
  33.  
  34. <meta name="color:Background" content="#e2e2e2"/>
  35. <meta name="color:Blog Title" content="#000000"/>
  36. <meta name="color:Links" content="#f88559"/>
  37. <meta name="color:Links Border" content="#e1e1e1"/>
  38. <meta name="color:Links Hover" content="#ffffff"/>
  39. <meta name="color:Music player" content="#e2e2e2"/>
  40. <meta name="color:Pagination" content="#e2e2e2"/>
  41. <meta name="color:Post Background" content="#FFFFFF"/>
  42. <meta name="color:Post Border" content="#f88559"/>
  43. <meta name="color:Post Title" content="#ffffff"/>
  44. <meta name="color:Sidebar Background" content="#e2e2e2"/>
  45. <meta name="color:Sidebar Border" content="#cccccc"/>
  46. <meta name="color:Sidebar Description" content="#666666"/>
  47. <meta name="color:Sidebar Links" content="#f88559"/>
  48. <meta name="color:Text" content="#333333"/>
  49.  
  50. <meta name="if:1 Column" content="0" />
  51. <meta name="if:Facebook Comment Permalink Page" content="1"/>
  52. <meta name="if:Infinite Scroll" content="1"/>
  53. <meta name="if:Photoset As Slider" content="0"/>
  54. <meta name="if:Post Gradient" content="1" />
  55. <meta name="if:Post Large Size" content="0"/>
  56. <meta name="if:Post Medium Size" content="1"/>
  57. <meta name="if:Sidebar background" content="0"/>
  58. <meta name="if:Show Audio Title" content="0"/>
  59. <meta name="if:Show Captions on Home Page" content="1"/>
  60. <meta name="if:Show Photo Hover Buttons" content="1"/>
  61. <meta name="if:Title Padding" content="1"/>
  62. <meta name="if:Show Scroll To Top" content="0"/>
  63.  
  64. <meta name="image:Background" content=""/>
  65. <meta name="image:Logo" content=""/>
  66.  
  67. <meta name="text:Disqus ID" content=""/>
  68. <meta name="text:Instagram ID" content=""/>
  69.  
  70. <link rel="stylesheet" href="http://static.tumblr.com/2w7y46r/tpCltl37a/pictos_base.css">
  71. <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Bebas Neue">
  72. <link href='http://fonts.googleapis.com/css?family=Open+Sans:700italic' rel='stylesheet' type='text/css'>
  73.  
  74. <script type="text/javascript" language="javascript" src="http://assets.tumblr.com/javascript/tumblelog.js?1037"></script>
  75.  
  76. <!-- ESCAPE CSS CORE -->
  77. <style>
  78. /* CSS Document */
  79. /* CSS RESET */
  80. 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:"";}
  81.  
  82. *{
  83. outline: none;
  84. -moz-outline: none;
  85. }
  86. .left{float:left;} .right{float:right;} .clear{clear: both;}
  87. .social_icons a{margin: 0px 10px 0 0;}
  88.  
  89. #tumblr_controls {
  90. top: 17px !important;
  91. right: 107px !important;
  92. }
  93.  
  94. #menu_links{margin:10px 0px;}
  95. #menu_links li{overflow:hidden;}
  96. #tc_sidebar h3 span{
  97. font-size: 0.85em;
  98. font-weight:normal;
  99. margin-left: 5px;
  100. }
  101. #tc_posts_container{
  102. margin:0px auto;
  103. position:relative;
  104. float:left;
  105. left:285px;
  106. top:40px;
  107. width: 82%;
  108. padding-bottom:40px;
  109. {block:IfNot1Column}
  110. opacity:0;
  111. {/block:IfNot1Column}
  112. }
  113.  
  114. .tc_posts div.padding{padding:10px !important;}
  115.  
  116. .tc_posts:hover .permalink_links{
  117. opacity:0.6;
  118. -webkit-transition: opacity 0.4s ease-out;
  119. -moz-transition: opacity 0.4s ease-out;
  120. transition: opacity 0.4s ease-out;
  121. -o-transition: opacity 0.4s ease-out;
  122. }
  123.  
  124. .permalink_links span{
  125. margin:0px 3px;
  126. font-size:1.2em;
  127. }
  128.  
  129. .permalink_links_highlight a{margin-left: 5px;border:0;}
  130. .permalink_links_highlight a:first-child{margin-left:0px;}
  131.  
  132. a.heart_icon:hover{
  133. color:#ff0000 !important;
  134. }
  135.  
  136. .permalink_links span{
  137. margin:0px 3px;
  138. font-size:1.2em;
  139. }
  140.  
  141. .tc_photo{
  142. position:relative;
  143. }
  144.  
  145. .photos{
  146. width:100%;
  147. -webkit-border-radius: 3px;
  148. -moz-border-radius: 3px;
  149. border-radius: 3px;
  150. margin-bottom: -5px; /* fix photos bottom */
  151. }
  152.  
  153.  
  154.  
  155. .noteCount{
  156. font-size: 1em !important;
  157. }
  158.  
  159. .pictos{font-family: PictosRegular;}
  160.  
  161. .audioplayercontainer{
  162. position:relative;
  163. min-height: 70px;
  164. height: auto !important;
  165. height: 70px; /* ie*/
  166. }
  167.  
  168. .audioplayerinto{
  169. width: 20px;
  170. height: 30px;
  171. overflow: hidden;
  172. margin: 9px 15px 4px 8px;
  173. }
  174. .audioimage{
  175. width:100%;
  176. margin-bottom:-5px;
  177. -webkit-border-radius: 3px;
  178. -moz-border-radius: 3px;
  179. border-radius: 3px;
  180. }
  181.  
  182. .titleAudio_container{
  183. position:relative;
  184. min-height: 40px;
  185. }
  186.  
  187. .trackLabel{
  188. font-size: 1.2em;
  189. }
  190. .caption_audio{padding: 0px 10px 10px;}
  191. .caption h3,
  192. .caption h4, .caption h5, .caption h6{
  193. margin: 5px 0px;
  194. }
  195.  
  196. .caption h1{font-size: 2.5em; margin: 10px 0px;line-height: 1.4em;}
  197. .caption h2{font-size: 2em; margin: 8px 0px; line-height: 1.2em;}
  198. .caption h3{font-size: 1.5em; line-height: 1.2em;}
  199. .caption h4{font-size: 1.3em;}
  200. .caption h5{font-size: 1.2em;}
  201. .caption h6{font-size: 1em;}
  202.  
  203. .caption blockquote {overflow:hidden;}
  204. .caption p{margin-top:5px;font-size:0.9em; overflow:hidden;}
  205. .caption p:first-child{margin-top: 0px;}
  206.  
  207. .caption ul, .caption ol{
  208. margin: 10px 0px;
  209. }
  210.  
  211. .caption ul li{
  212. list-style: disc;
  213. margin-top:5px;
  214. margin-left: 15px;
  215. }
  216. .caption ol li{
  217. list-style:decimal;
  218. margin-top:5px;
  219. margin-left: 20px;
  220. }
  221. .caption ul li:first-child, .caption ol li:first-child{margin-top:0px;}
  222.  
  223. .photosetPost{
  224. position:relative;
  225. width:100%;
  226. overflow:hidden;
  227. text-align:center;
  228. -webkit-border-radius: 3px;
  229. -moz-border-radius: 3px;
  230. border-radius: 3px;
  231. }
  232.  
  233. .photosetCircle_content{
  234. text-align:center;
  235. position:absolute;
  236. bottom:0px;
  237. width: 100%;
  238. height: 25px;
  239. }
  240.  
  241. .photosetCircle{
  242. display:inline-block;
  243. width: 10px;
  244. height: 10px;
  245. background-color: #000; /* for ie */
  246. background-color: rgba(0,0,0,0.5) !important;
  247. margin-right:10px;
  248. cursor: pointer;
  249.  
  250. -webkit-border-radius: 10px;
  251. -moz-border-radius: 10px;
  252. border-radius: 10px;
  253. }
  254. .prevNext:hover{text-decoration:none;}
  255. .permalinkPage .permaThings{margin-bottom:5px;}
  256. .permalinkPage .permaThings a{border:0;}
  257. .permalinkPage .permaThings .pictos{margin-right:8px;font-size:1.1em;}
  258.  
  259. .perma_notes .clear {
  260. margin:0;
  261. padding:0;
  262. height:0px;
  263. }
  264.  
  265. .perma_notes a{border:0;}
  266. .perma_notes .avatar {
  267. border:none;
  268. margin:0;
  269. padding:0;
  270. width: 32px;
  271. height: 32px;
  272. }
  273.  
  274. .perma_notes ol {
  275. margin:0;
  276. padding:0;
  277. }
  278.  
  279. .perma_notes li {
  280. margin:0;
  281. padding:0;
  282. width:32px;
  283. list-style:none;
  284. border:none;
  285. float:left;
  286. margin: 0px 2px 2px;
  287. margin-bottom:4px;
  288. height:32px;
  289. }
  290.  
  291. .perma_notes .note .action {
  292. display:none;
  293. visibility:hidden;
  294. margin:0;
  295. padding:0;
  296.  
  297. }
  298.  
  299. .perma_notes .note a:hover{border:0 !important;}
  300. .more_box{
  301. width:30px;
  302. height:30px;
  303. color:red;
  304. margin:0;
  305. padding:0;
  306. float:left;
  307. }
  308. </style>
  309.  
  310. <!-- END ESCAPE CSS CORE-->
  311.  
  312.  
  313. <style>
  314. ::selection { background:{color:links}; color:{color:post background}; /* Safari and Opera */ }
  315. ::-moz-selection { background:{color:links}; color:{color:post background}; /* Firefox */ }
  316.  
  317. a{
  318. color:{color:Links};
  319. text-decoration:none;
  320. border-bottom: 1px dotted {color:Links Border};
  321.  
  322. -webkit-transition: all 0.2s ease;
  323. -moz-transition: all 0.2s ease;
  324. transition: all 0.2s ease;
  325. -o-transition: all 0.2s ease;
  326. }
  327. a:hover{border-bottom: 1px solid; color:{color:Links Hover} !important;}
  328. a:visited{color:{color:Links};}
  329. blockquote{
  330. margin: 10px 0px;
  331. padding-left: 10px;
  332. border-left: 3px solid {color:Links} !important;
  333. font-weight: normal !important;
  334. }
  335.  
  336. body{
  337. background-color:{color:Background};
  338. {block:ifbackgroundimage}background-image:url('{image:background}');{/block:ifbackgroundimage}
  339. font-family: helvetica neue, arial, sans serif !important;
  340. line-height: 1.2em;
  341. color:{color:Text};
  342. font-size: 100%;
  343. overflow-x:hidden;
  344. background-attachment:fixed;
  345. word-wrap: break-word;
  346. }
  347.  
  348. #tc_container{
  349. font-size:0.8em;
  350. {block:IndexPage}
  351. {block:IfNot1Column}
  352. width:100%;
  353. {/block:IfNot1Column}
  354. {block:If1Column}
  355. width: 300px !important;
  356. {block:IfPostMediumSize}
  357. width: 460px !important;
  358. {/block:IfPostMediumSize}
  359. {block:IfPostLargeSize}
  360. width: 560px !important;
  361. {/block:IfPostLargeSize}
  362. {/block:If1Column}
  363. {/block:IndexPage}
  364. {block:PermalinkPage}
  365. width:100%;
  366. {/block:PermalinkPage}
  367. }
  368.  
  369. #menu_links li a {
  370. font-weight:bold;
  371. border-bottom:1px solid {color:Sidebar Border};
  372. color: {color:Sidebar Links};
  373. display:block;
  374. width:85%;
  375. overflow:hidden;
  376. font-size:12px;
  377. padding: 5px 20px 5px 0;
  378. border-left:0px solid {color:Links};
  379. text-transform:capitalize;
  380.  
  381. }
  382. #menu_links li:first-child a{
  383. border-top:1px solid{color:Sidebar Border};
  384. text-transform:capitalize;
  385.  
  386. }
  387. #menu_links a:hover{
  388. padding-left: 10px;
  389. width:79%;
  390.  
  391. border-left-width: 5px;
  392. color: {color:Sidebar Links} !important;
  393. }
  394. #tc_description{
  395. color:{color:Sidebar Description};
  396. line-height:1.4em;
  397. padding-right:15px;
  398. margin:10px auto;
  399. margin-bottom:15px;
  400. }
  401. #tc_sidebar{
  402. position:fixed;
  403. {block:ifnotfixedsidebar}
  404. position:absolute;
  405. {/block:ifnotfixedsidebar}
  406. top: 25px;
  407. width:270px;
  408. padding-top:20px;
  409. {block:ifsidebarbackground}
  410. {block:iflogoimage}
  411. padding-top:40px;
  412. {/block:iflogoimage}
  413. {/block:ifsidebarbackground}
  414. height: 96%;
  415. overflow:auto;
  416. color: {color:Sidebar Text};
  417. {block:ifsidebarbackground}
  418. top: 0px;
  419. height: 100%;
  420. background-color: {color:Sidebar Background};
  421. {/block:ifsidebarbackground}
  422. {block:ifnotsidebarbackground}
  423. border-right:1px solid {color:Sidebar Border};
  424.  
  425. background-color: none;
  426. {/block:ifnotsidebarbackground}
  427. border-opacity:0.7;
  428. overflow-x:hidden;
  429. }
  430. #tc_sidebar h1{
  431. font-weight: normal;
  432. font-size: 3.3em;
  433. color:{color:Blog Title};
  434. margin-bottom:15px;
  435. padding-bottom:5px;
  436. width:225px;
  437. }
  438.  
  439. #tc_sidebar h3{
  440. font-size: 1em;
  441. font-weight: bold;
  442. color: {color:Sidebar Links};
  443. }
  444. #tc_sidebar h3 span a{
  445. color:{color:Sidebar Description} !important;
  446. }
  447.  
  448. .tc_posts{
  449. position:relative;
  450. float: left;
  451. margin: 10px 10px 10px;
  452. -webkit-border-radius: 3px;
  453. -moz-border-radius: 3px;
  454. border-radius: 3px;
  455. -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
  456. {block:IndexPage}
  457. width: 260px;
  458. {block:IfPostMediumSize}
  459. width: 410px;
  460. {/block:IfPostMediumSize}
  461. {block:IfPostLargeSize}
  462. width: 510px;
  463. {/block:IfPostLargeSize}
  464. {/block:IndexPage}
  465. box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
  466. border: 1px solid {color:Post Background};
  467. background-color: {color:Post Background};
  468. -webkit-transition: all 0.4s ease;
  469. -moz-transition: all 0.4s ease;
  470. transition: all 0.4s ease;
  471. -o-transition: all 0.4s ease;
  472. }
  473.  
  474. {block:IndexPage}
  475. .tc_posts:hover{
  476. -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
  477. -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
  478. box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
  479. }
  480. {/block:IndexPage}
  481.  
  482. /* text, link, quote posts */
  483.  
  484. {block:IfTitlePadding}
  485. .padding-title{
  486. padding: 3px;
  487. }
  488. {/block:IfTitlePadding}
  489.  
  490. a.linkTitle{
  491. color:{color:Post Title} !important;
  492. border:0;
  493. }
  494. a.linkTitle:hover{
  495. color:{color:Post Title} !important;
  496. }
  497.  
  498. h2.title{
  499. position:relative;
  500. color: {color:Post Title};
  501. font-size: 1.6em;
  502. line-height: 1.3em;
  503. text-shadow: 1px 1px 1px rgba(0,0,0,0.0);
  504. background-color: {color:Post Border};
  505. padding: 15px;
  506. margin-top: 0px;
  507. margin-bottom: 5px;
  508. -webkit-border-top-left-radius: 3px;
  509. -webkit-border-top-right-radius: 3px;
  510. -moz-border-radius-topleft: 3px;
  511. -moz-border-radius-topright: 3px;
  512. border-top-left-radius: 3px;
  513. border-top-right-radius: 3px;
  514. }
  515.  
  516.  
  517. h2.link a{
  518. color: {color:Post Title};
  519. border-bottom: 0;
  520. }
  521.  
  522. h2.title:after{
  523. content: "";
  524. position: absolute;
  525. bottom: -18px;
  526. left: 20px;
  527. border: 10px solid transparent;
  528. border-top-color: {color:Post Border};
  529. display: block;
  530. width: 0;
  531. }
  532.  
  533. ul.chat li{
  534. padding:10px 0px;
  535. border-top: 1px solid {color:Links Border};
  536. }
  537. ul.chat li:first-child{border-top: 0;}
  538. .even .label{color:{color:Post Border};}
  539.  
  540. /* posts */
  541.  
  542. .permalink_links{
  543. text-align:left;
  544. margin-bottom: 7px;
  545. margin-left: 10px;
  546. margin-right: 10px;
  547. opacity:0.5;
  548. filter:alpha(opacity=50);
  549. color:{color:text};
  550. bottom: 0px;
  551. }
  552. .permalink_links a{
  553. text-transform: uppercase;
  554. font-size:0.8em;
  555. border-bottom: none;
  556. color:{color:text};
  557. font-weight: bold;
  558. letter-spacing: 1px
  559. }
  560.  
  561. .trackLabel{color:{color:Links} !important;}
  562.  
  563. /* photo post */
  564.  
  565. .permalink_links a, .prevNext{
  566. text-transform: uppercase;
  567. font-size:0.8em;
  568. border-bottom: none;
  569. color:{color:text};
  570. font-weight: bold;
  571. letter-spacing: 1px
  572. }
  573. .tc_post_controls{
  574. position:absolute;
  575. top: 0px;
  576. left: 0px;
  577. width:100%;
  578. height:100%;
  579. opacity: 0;
  580. filter:alpha(opacity=0);
  581. box-shadow: inset 0 0 75px black;
  582. -webkit-transition: opacity 0.4s ease-out;
  583. -moz-transition: opacity 0.4s ease-out;
  584. transition: opacity 0.4s ease-out;
  585. -o-transition: opacity 0.4s ease-out;
  586.  
  587. -webkit-border-radius: 3px;
  588. -moz-border-radius: 3px;
  589. border-radius: 3px;
  590. }
  591. .tc_post_controls_background{
  592. position:absolute;
  593. width:100%;
  594. height:100%;
  595. top:0px;
  596. left:0px;
  597. {block:ifpostgradient}
  598. background: #1e5799;
  599. background: -moz-linear-gradient(-45deg, #1e5799 0%, #81468c 31%, #efa2bc 75%, #ffac89 100%);
  600. background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#1e5799), color-stop(31%,#81468c), color-stop(75%,#efa2bc), color-stop(100%,#ffac89));
  601. background: -webkit-linear-gradient(-45deg, #1e5799 0%,#81468c 31%,#efa2bc 75%,#ffac89 100%);
  602. background: -o-linear-gradient(-45deg, #1e5799 0%,#81468c 31%,#efa2bc 75%,#ffac89 100%);
  603. background: -ms-linear-gradient(-45deg, #1e5799 0%,#81468c 31%,#efa2bc 75%,#ffac89 100%);
  604. background: linear-gradient(135deg, #1e5799 0%,#81468c 31%,#efa2bc 75%,#ffac89 100%);
  605. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#ffac89',GradientType=1 );
  606. {/block:ifpostgradient}
  607. -webkit-border-radius: 3px;
  608. -moz-border-radius: 3px;
  609. border-radius: 3px;
  610. opacity: 0.8;
  611. filter:alpha(opacity=80);
  612. z-index: 100;
  613. }
  614.  
  615.  
  616. .tc_post_controls_container a:first-child{margin-left:0px;}
  617.  
  618. .tc_post_controls_container a.heart_icon:hover{
  619. color:#ff0000 !important;
  620. }
  621.  
  622. .tc_posts:hover .tc_post_controls{
  623. opacity: 1;
  624. filter:alpha(opacity=100);
  625. }
  626.  
  627. .tc_posts:hover .tc_post_controls_container{
  628. opacity: 1;
  629. filter:alpha(opacity=100);
  630. top: 50%;
  631. }
  632. .tc_post_controls_container a{
  633. position:relative;
  634. color:{color:Post Title};
  635. display: inline-block;
  636. font-size: 1.6em;
  637. background-color: {color:post border};
  638. height: 40px;
  639. width: 40px;
  640. margin-left:5px;
  641. line-height:40px;
  642. -moz-border-radius: 20px;
  643. -webkit-border-radius: 20px;
  644. border-radius: 20px;
  645. border-bottom: 0 !important;
  646. z-index: 103;
  647. }
  648.  
  649. .tc_post_controls_container a:hover{
  650. color:{color:Post Title}!important;
  651. }
  652. .tc_post_controls_container{
  653. color:#fff;
  654. position: absolute;
  655. top: 80%;
  656. margin-top: -21px;
  657. text-align: center;
  658. left: 50%;
  659. margin-left: -71px;
  660. -webkit-transition: all 0.3s ease;
  661. -moz-transition: all 0.3s ease;
  662. transition: all 0.3s ease;
  663. -o-transition: all 0.3s ease;
  664. z-index: 101;
  665. }
  666. /* audio post */
  667. .audioplayerout{
  668. background-color: {color:Music player};
  669. -webkit-border-radius: 50px;
  670. -moz-border-radius: 50px;
  671. border-radius: 50px;
  672. position:absolute;
  673. {block:IfShowAudioTitle}
  674. right: 10px;
  675. top: 10px;
  676. {/block:IfShowAudioTitle}
  677. {block:IfNotShowAudioTitle}
  678. left: 50%;
  679. margin-left: -21px;
  680. top: 50%;
  681. margin-top: -21px;
  682. {/block:IfNotShowAudioTitle}
  683. }
  684.  
  685. .artistLabel{color: {color:Post Border};font-size: 1.4em;}
  686.  
  687. .caption_audio div.borderTop{
  688. padding-top:10px;
  689. border-top:1px solid {color:Links Border};
  690. }
  691.  
  692. /* CAPTION HTML ELEMS */
  693.  
  694. {block:indexpage}
  695. .caption h1{font-size: 1.5em; margin: 10px 0px;line-height: 1.4em;}
  696. .caption h2{font-size: 1.2em; margin: 8px 0px; line-height: 1.3em;}
  697. .caption h3{font-size: 1em; line-height: 1.2em;}
  698. .caption h4{font-size: 1em;}
  699. .caption h5{font-size: 1em;}
  700. .caption h6{font-size: 1em;}
  701. {/block:indexpage}
  702.  
  703. .caption img{
  704. margin:0px auto;
  705. height:auto;
  706. {block:IndexPage}
  707. max-width: 240px;
  708. width:expression(document.body.clientWidth > 240? "240px": "auto" );
  709. {block:IfPostMediumSize}
  710. max-width: 390px;
  711. width:expression(document.body.clientWidth > 390? "390px": "auto" );
  712. {/block:IfPostMediumSize}
  713. {block:IfPostLargeSize}
  714. max-width: 490px;
  715. width:expression(document.body.clientWidth > 490? "490px": "auto" );
  716. {/block:IfPostLargeSize}
  717. {/block:IndexPage}
  718. {block:PermalinkPage}
  719. max-width: 490px;
  720. width:expression(document.body.clientWidth > 500? "500px": "auto" );
  721. {/block:PermalinkPage}
  722. }
  723.  
  724. /* video post */
  725.  
  726. .videoPost{
  727. overflow:hidden;
  728. {block:IndexPage}
  729. width: 250px;
  730. {block:IfPostMediumSize}
  731. width: 400px;
  732. {/block:IfPostMediumSize}
  733. {block:IfPostLargeSize}
  734. width: 500px;
  735. {/block:IfPostLargeSize}
  736. {/block:IndexPage}
  737. margin:0px auto -4px;
  738. }
  739. .videoPost embed, .videoPost iframe{
  740. width:100%;
  741. }
  742.  
  743. .highlight .videoPost{width:100% !important;}
  744.  
  745. /* answer post */
  746.  
  747. .askerIcon{
  748. border-bottom:1px solid {color:Links Border};
  749. padding-left: 8px;
  750. padding-bottom: 10px;
  751. margin-bottom: 5px;
  752. }
  753. .askerIcon img{vertical-align:middle;}
  754. .askerIcon span{
  755. margin-left: 5px;
  756. font-size: 0.8em;
  757. color: {color:Text};
  758. }
  759.  
  760. /* photoset post */
  761.  
  762. .photosetCircle:hover{
  763. background-color: {color:Post Background} !important;
  764. }
  765.  
  766. {block:IfNotPhotosetAsSlider}
  767. .photoSet{
  768. {block:IndexPage}
  769. width: 250px;
  770. {block:IfPostMediumSize}
  771. width: 400px;
  772. {/block:IfPostMediumSize}
  773. {block:IfPostLargeSize}
  774. width: 500px;
  775. {/block:IfPostLargeSize}
  776. {/block:IndexPage}
  777. //overflow:hidden;
  778. margin:3px auto 0px;
  779. }
  780. {/block:IfNotPhotosetAsSlider}
  781.  
  782. .photoSet{
  783. {block:PermalinkPage}
  784. width: 500px;
  785. margin: 3px auto -3px;
  786. {/block:PermalinkPage}
  787. }
  788.  
  789. .tc_caption_bubble_display{
  790. position:relative;
  791. padding:15px;
  792. padding-top:10px;
  793. z-index:500;
  794. margin-top: -8px;
  795. background-color: {color:Post Background};
  796.  
  797. /* fix bottom corners */
  798. -webkit-border-bottom-right-radius: 5px;
  799. -webkit-border-bottom-left-radius: 5px;
  800. -moz-border-radius-bottomright: 5px;
  801. -moz-border-radius-bottomleft: 5px;
  802. border-bottom-right-radius: 5px;
  803. border-bottom-left-radius: 5px;
  804.  
  805. }
  806. .tc_caption_bubble_display:after {
  807. content:"";
  808. position:absolute;
  809. top:-18px;
  810. left:20px;
  811. border:10px solid transparent;
  812. border-bottom-color: {color:Post Background};
  813. /* reduce the damage in FF3.0 */
  814. display:block;
  815. width:0;
  816. }
  817.  
  818. .indexTags{position:absolute;bottom:0px;}
  819. .indexTags a.atag{margin-right: 10px;color:{color:Text}!important;border:0;}
  820.  
  821.  
  822. {block:IfInfiniteScroll}
  823. #pagin{display: none;}
  824. {/block:IfInfiniteScroll}
  825.  
  826. #infscr-loading{
  827. bottom: 30px;
  828. position: fixed;
  829. left: 115px;
  830. width:43px;
  831. height:20px;
  832. }
  833. #infscr-loading div{
  834. display: none !important;
  835. visibility: hidden !important;
  836. opacity: 0 !important;
  837. }
  838.  
  839. .highlightcaption{display:none;z-index: 9999;}
  840.  
  841. /* instagram */
  842. {block:IfInstagramID}
  843. #instagram_content{
  844. position:relative;
  845. margin-top: 30px;
  846. margin-left: 11px;
  847. width:200px;
  848. height:200px;
  849. border:7px solid #ffffff;
  850. -webkit-transform: rotate(1deg);
  851. -moz-transform: rotate(1deg);
  852. -o-transform: rotate(1deg);
  853. }
  854.  
  855. #paperclip{
  856. position:absolute;
  857. top:20px;
  858. border:0px solid;
  859. left:-40px;
  860. width:72px;
  861. height:59px;
  862. background: url(http://static.tumblr.com/dbek3sy/0rIm7cxy6/paperclip.png) no-repeat;
  863. -webkit-transform: rotate(-1deg);
  864. -moz-transform: rotate(-1deg);
  865. -o-transform: rotate(-1deg);
  866. }
  867.  
  868. #shadow{
  869. background: url(http://static.tumblr.com/fftf9xi/0rMllgsfy/corner-shadow.png) no-repeat;
  870. width:169px;
  871. height:110px;
  872. position:absolute;
  873. top:118px;
  874. left:61px;
  875. z-index:-1;
  876. }
  877. {/block:IfInstagramID}
  878.  
  879.  
  880. /* permalink notes */
  881.  
  882. h4{font-weight: bold;font-size:1.3em;}
  883. .prevNext{
  884. border:0;
  885. color:{color:Text};
  886. }
  887.  
  888. .tags{color:{color:Links Hover};}
  889.  
  890. .perma_notes {width:100%;}
  891.  
  892.  
  893. .more_notes_link{
  894. width:30px;
  895. height:30px;
  896. font-size:16px;
  897. background-color:{color:Post Border};
  898. color:{color:Post Title};
  899. }
  900.  
  901. .more_notes_link_container{
  902. margin:0;
  903. padding:0;
  904. width:30px;
  905. height:30px;
  906. list-style:none;
  907. border:none;
  908. float:left;
  909. margin-right:4px;
  910. margin-bottom:4px;
  911. background-color:{color:Post Border};
  912. color:{color:Post Title};
  913. }
  914.  
  915. .quote_icon{
  916. position:relative;
  917. font-size:6em;
  918. width:20px;
  919. height:20px;
  920. opacity:0.2;
  921. }
  922.  
  923. .quoteIcon1{
  924. left:-16px;
  925. top:20px;
  926. }
  927. .quoteIcon2{
  928. left:-24px;
  929. top:24px;
  930. }
  931.  
  932. .linkIcon{
  933. bottom: 0;
  934. font-size: 6em;
  935. height: 65px;
  936. overflow: hidden;
  937. position: absolute;
  938. right: 0;
  939. width: 80px;
  940. z-index: 0;
  941. opacity: 0.2;
  942. }
  943. .linkIcon span{
  944. position: absolute;
  945. left: 0px;
  946. bottom: 0px;
  947. }
  948.  
  949.  
  950. .note more_notes_link_container li a{color:{color:Sidebar Links};}
  951. .perma_notes blockquote{display:none;}
  952.  
  953. .tipsy {padding: 5px; font-size: 10px;}
  954. .tipsy-inner {
  955. padding: 5px 8px 4px 8px;
  956. background-color: {color:Post Border};
  957. color: {color:Post Title};
  958. max-width: 200px;
  959. width:expression(document.body.clientWidth > 200? "200px": "auto" );
  960. text-align: center;
  961. }
  962. .tipsy-inner {-moz-border-radius:3px; -webkit-border-radius:3px;}
  963. .tipsy-north {background-position: top center;}
  964. .tipsy-south {background-position: bottom center;}
  965. .tipsy-east {background-position: right center;}
  966. .tipsy-west {background-position: left center;}
  967.  
  968. {block:IfDisqusID}
  969. /* disqus */
  970. #dsq-global-toolbar{margin-top:0px !important;}
  971. .dsq-reply{margin-top: 10px !important;}
  972. .dsq-comment:first-child{margin-bottom:0px !important;}
  973. #dsq-footer{display:none;}
  974. .post-content .post-message p{font-size: 0.9em !important;}
  975. {/block:IfDisqusID}
  976. #pagin {
  977. margin:0;
  978. margin-left: 65px;
  979. padding: 0;
  980. list-style: none;
  981. margin-left:290px;
  982. padding-top:40px;
  983. padding-bottom:40px;
  984. margin-bottom:40px;
  985. }
  986.  
  987. #pagin li {
  988. float: left;
  989. margin-right: 10px;
  990. }
  991.  
  992. #pagin li a {
  993. display: block;
  994. text-decoration: none;
  995. color: {color:pagination};
  996. border:1px dotted {color:pagination};
  997. font: bold 15px Arial, sans-serif;
  998. padding: 10px 16px;
  999.  
  1000. -webkit-border-radius: 3px;
  1001. -moz-border-radius: 3px;
  1002. border-radius: 3px;
  1003. text-decoration:none !important;
  1004.  
  1005. }
  1006.  
  1007. #pagin li a.current {
  1008. color: white;
  1009. background-color:{color:pagination};
  1010. border:1px solid {color:pagination};
  1011.  
  1012. }
  1013.  
  1014. #pagin li a:hover {
  1015. text-decoration:none !important;
  1016. color: {color:pagination} !important;
  1017. }
  1018.  
  1019. #pagin li a:active,#pagin li a.current:active {
  1020.  
  1021. }
  1022.  
  1023. #pagin li a.current:hover {
  1024. text-decoration:none !important;
  1025. color: {color:Post Title} !important;
  1026. }
  1027.  
  1028. .hide{
  1029.  
  1030. }
  1031.  
  1032. #gifLoad{
  1033. position:absolute;
  1034. left:300px;
  1035. top: 50px;
  1036. }
  1037.  
  1038. #back-top{
  1039. position:fixed;
  1040. right:15px;
  1041. bottom:0px;
  1042. height:20px;
  1043. width:40px;
  1044. background-color:{color:post border};
  1045. padding-top:5px;
  1046. color:white;
  1047. z-index:3000;
  1048. display:none;
  1049. text-decoration:none !important;
  1050. border:none !important;
  1051. }
  1052.  
  1053. #back-top a{
  1054. display:block;
  1055. cursor:pointer;
  1056. text-align:center;
  1057. color:{color:post title};
  1058. font-family:verdana, sans serif;
  1059. text-decoration:none !important;
  1060. border:none !important;
  1061. }
  1062.  
  1063. #back-top a:hover {
  1064. text-decoration:none !important;
  1065. border:none !important;
  1066. color:{color:post title} !important;
  1067. }
  1068.  
  1069. /*++++++++++ .highlightposts ++++++++++*/
  1070. {block:IfNot1Column}
  1071.  
  1072. .tc_posts.highlight{
  1073. width: 542px;
  1074. {block:IfPostMediumSize}
  1075. width: 842px;
  1076. {/block:IfPostMediumSize}
  1077. {block:IfPostLargeSize}
  1078. width: 1042px;
  1079. {/block:IfPostLargeSize}
  1080. float:left;
  1081. }
  1082.  
  1083. /* highlight audio */
  1084.  
  1085. /* if not audio album image */
  1086. .tc_posts.highlight.audioPost .audioplayercontainer,
  1087. .tc_posts.highlight.audioPost .audioHighlight,
  1088. .tc_posts.highlight.audioPost .audioimage{width:100%}
  1089.  
  1090. .tc_posts.highlight.audioPost.albumYep .permalink_links{
  1091. margin:0px;
  1092. padding: 0px 10px 10px 10px;
  1093. width: 96%;
  1094. }
  1095.  
  1096. /* if audio album image */
  1097. .tc_posts.highlight.audioPost.albumYep .audioplayercontainer,
  1098. .tc_posts.highlight.audioPost.albumYep .audioHighlight,
  1099. .tc_posts.highlight.audioPost.albumYep .audioimage{
  1100. width: 268px;
  1101. {block:IfPostMediumSize}
  1102. width: 417px;
  1103. {/block:IfPostMediumSize}
  1104. {block:IfPostLargeSize}
  1105. width: 517px;
  1106. {/block:IfPostLargeSize}
  1107. float:left;
  1108. }
  1109.  
  1110. .tc_posts.highlight.audioPost.albumYep .permalink_links{
  1111. float:left;
  1112. margin:0px;
  1113. padding: 0px 10px 10px 10px;
  1114. width: 249px;
  1115. {block:IfPostMediumSize}
  1116. width: 400px;
  1117. {/block:IfPostMediumSize}
  1118. {block:IfPostLargeSize}
  1119. width: 500px;
  1120. {/block:IfPostLargeSize}
  1121. }
  1122.  
  1123. .tc_posts.highlight.audioPost .audioHighlight .tc_caption_bubble_display{margin-top:0px !important;}
  1124.  
  1125. .tc_posts.highlight.audioPost.albumYep .audioimage{margin-bottom:3px;}
  1126.  
  1127. /* highlight video */
  1128.  
  1129. .tc_posts.highlight .videoPost iframe,
  1130. .tc_posts.highlight .videoPost embed{
  1131. height: 380px;
  1132. {block:IfPostMediumSize}
  1133. height: 680px;
  1134. {/block:IfPostMediumSize}
  1135. {block:IfPostLargeSize}
  1136. height: 880px;
  1137. {/block:IfPostLargeSize}
  1138. }
  1139.  
  1140. {/block:IfNot1Column}
  1141.  
  1142. #circleG{
  1143. width:46.666666666666664px;
  1144. position:absolute;
  1145. left:300px;
  1146. top: 50px;
  1147. }
  1148.  
  1149. .circleG{
  1150. background-color:#FFFFFF;
  1151. float:left;
  1152. height:10px;
  1153. margin-left:5px;
  1154. width:10px;
  1155. -webkit-animation-name:bounce_circleG;
  1156. -webkit-border-radius:7px;
  1157. -webkit-animation-duration:1.9500000000000002s;
  1158. -webkit-animation-iteration-count:infinite;
  1159. -webkit-animation-direction:linear;
  1160. -moz-animation-name:bounce_circleG;
  1161. -moz-border-radius:7px;
  1162. -moz-animation-duration:1.9500000000000002s;
  1163. -moz-animation-iteration-count:infinite;
  1164. -moz-animation-direction:linear;
  1165. opacity:0.3;
  1166. -o-animation-name:bounce_circleG;
  1167. border-radius:7px;
  1168. -o-animation-duration:1.9500000000000002s;
  1169. -o-animation-iteration-count:infinite;
  1170. -o-animation-direction:linear;
  1171. -ms-animation-name:bounce_circleG;
  1172. -ms-animation-duration:1.9500000000000002s;
  1173. -ms-animation-iteration-count:infinite;
  1174. -ms-animation-direction:linear;
  1175. opacity:0.3}
  1176.  
  1177. #circleG_1{
  1178. -webkit-animation-delay:0.39s;
  1179. -moz-animation-delay:0.39s;
  1180. -o-animation-delay:0.39s;
  1181. -ms-animation-delay:0.39s;
  1182. }
  1183.  
  1184. #circleG_2{
  1185. -webkit-animation-delay:0.91s;
  1186. -moz-animation-delay:0.91s;
  1187. -o-animation-delay:0.91s;
  1188. -ms-animation-delay:0.91s;
  1189. }
  1190.  
  1191. #circleG_3{
  1192. -webkit-animation-delay:1.17s;
  1193. -moz-animation-delay:1.17s;
  1194. -o-animation-delay:1.17s;
  1195. -ms-animation-delay:1.17s;
  1196. }
  1197.  
  1198. @-webkit-keyframes bounce_circleG{
  1199. 0%{
  1200. opacity:0.3}
  1201.  
  1202. 50%{
  1203. opacity:1;
  1204. background-color:#000000}
  1205.  
  1206. 100%{
  1207. opacity:0.3}
  1208.  
  1209. }
  1210.  
  1211. @-moz-keyframes bounce_circleG{
  1212. 0%{
  1213. opacity:0.3}
  1214.  
  1215. 50%{
  1216. opacity:1;
  1217. background-color:#000000}
  1218.  
  1219. 100%{
  1220. opacity:0.3}
  1221.  
  1222. }
  1223.  
  1224. @-o-keyframes bounce_circleG{
  1225. 0%{
  1226. opacity:0.3}
  1227.  
  1228. 50%{
  1229. opacity:1;
  1230. background-color:#000000}
  1231.  
  1232. 100%{
  1233. opacity:0.3}
  1234.  
  1235. }
  1236.  
  1237. @-ms-keyframes bounce_circleG{
  1238. 0%{
  1239. opacity:0.3}
  1240.  
  1241. 50%{
  1242. opacity:1;
  1243. background-color:#000000}
  1244.  
  1245. 100%{
  1246. opacity:0.3}
  1247.  
  1248. </style>
  1249. <link href="http://www.themecloud.co/themes/escape/common.css" rel="stylesheet" type="text/css">
  1250. </head>
  1251.  
  1252. <body>
  1253. <!-- FB comments -->
  1254. <div id="fb-root"></div>
  1255. <script>
  1256. (function(d, s, id) {
  1257. var js, fjs = d.getElementsByTagName(s)[0];
  1258. if (d.getElementById(id)) return;
  1259. js = d.createElement(s); js.id = id;
  1260. js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  1261. fjs.parentNode.insertBefore(js, fjs);
  1262. }(document, 'script', 'facebook-jssdk'));
  1263.  
  1264. function replaceIfFlash(version,element_id,replacement_string){
  1265. document.getElementById(element_id).innerHTML=replacement_string;
  1266. }
  1267. function renderVideo(element_id,src,width,height,flashvars){
  1268. 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>')}
  1269. }
  1270.  
  1271. </script>
  1272.  
  1273. <div style="height:10px; width:100%; position:fixed; top:0; background-color:{color:Post Border}; z-index:10000000;"></div>
  1274.  
  1275.  
  1276. <div id="tc_container">
  1277.  
  1278. <div id="tc_sidebar" class="left">
  1279. <div style="padding:10px;padding-left: 20px;">
  1280. {block:ifnotlogoimage} <a href="/"><h1 class="bebasTitle" style="padding-top:25px;" {block:ifsidebarbackground}margin-top:30px;{/block:ifsidebarbackground}">{Title}</h1></a>{/block:ifnotlogoimage}
  1281. {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}
  1282.  
  1283. {block:Description}
  1284. <h3>About</h3>
  1285. <div id="tc_description">
  1286. {Description}
  1287.  
  1288. </div>
  1289. {/block:Description}
  1290.  
  1291. <ul id="menu_links">
  1292. {block:AskEnabled}<li><a href="/ask">Message</a></li>{/block:AskEnabled}
  1293. {block:SubmissionsEnabled}<li><a href="/submit">Submit</a></li>{/block:SubmissionsEnabled}
  1294. <li><a href="/archive">Archive</a></li>
  1295. <li><a href="/rss">RSS</a></li>
  1296.  
  1297. <li><a href="http://themecloud.co/themes/escape/">Theme</a></li>
  1298. {block:HasPages}
  1299. {block:Pages}
  1300. <li><a href="{URL}" >{Label}</a></li>
  1301. {/block:Pages}
  1302. {/block:HasPages}
  1303. </ul>
  1304.  
  1305.  
  1306. {block:IfInstagramID}
  1307. <h3>Instagram <span><a href="http://statigr.am/{text:Instagram ID}" target="_blank">@{text:Instagram ID}</a></span></h3>
  1308. <div id="instagram_content">
  1309. <div id="paperclip"></div>
  1310. <img src="http://www.themecloud.co/inst.asp?u={text:Instagram ID}" style=" overflow:hidden; width:200px; height: 200px">
  1311. <div id="shadow"></div>
  1312. </div>
  1313. {/block:IfInstagramID}
  1314.  
  1315.  
  1316.  
  1317. </div>
  1318. </div>
  1319.  
  1320. {block:IndexPage}
  1321. <div id="circleG">
  1322. <div id="circleG_1" class="circleG">
  1323. </div>
  1324. <div id="circleG_2" class="circleG">
  1325. </div>
  1326. <div id="circleG_3" class="circleG">
  1327. </div>
  1328. </div>
  1329.  
  1330.  
  1331. {/block:IndexPage}
  1332.  
  1333. <div id="tc_posts_container" class="left">
  1334.  
  1335. {block:Posts}
  1336. <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}">
  1337.  
  1338. {block:Text}
  1339. {block:Title}
  1340. <div class="padding-title">
  1341. <h2 class="title"><a href="{Permalink}" class="linkTitle">{Title}</a></h2>
  1342. </div>
  1343. {/block:Title}
  1344. <div class="caption padding">{Body}</div>
  1345.  
  1346. {block:IndexPage}
  1347. <div class="permalink_links">
  1348. <span class="pictos" style="font-weight:500; font-size:12px;">t</span><a href="{Permalink}"> {TimeAgo}</a>
  1349. <div class="right">
  1350. <span class="pictos" style="font-weight:normal; font-size:12px;">w</span>
  1351. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1352. </div>
  1353. </div>
  1354. {/block:IndexPage}
  1355. {/block:Text}
  1356.  
  1357.  
  1358. {block:Answer}
  1359. <div class="padding-title">
  1360. <h2 class="title"><a href="{Permalink}" class="linkTitle">Q:<i> {Question}</i></a></h2>
  1361. </div>
  1362. <div class="padding">
  1363. <div class="askerIcon">
  1364. <img width="24px" src="{AskerPortraitURL-24}"/> <span><i>Asked {Asker}</i></span>
  1365. </div>
  1366. <div class="caption" style="padding-top:10px;">
  1367. {Answer}
  1368. </div>
  1369. </div>
  1370. {block:IndexPage}
  1371. <div class="permalink_links">
  1372. <span class="pictos" style="font-weight:500; font-size:12px;">t</span><a href="{Permalink}"> {TimeAgo}</a>
  1373. <div class="right">
  1374. <span class="pictos" style="font-weight:normal; font-size:12px;">w</span>
  1375. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1376. </div>
  1377. </div>
  1378. {/block:IndexPage}
  1379. {/block:Answer}
  1380.  
  1381. {block:Link}
  1382. <div class="padding-title">
  1383. <h2 class="title link">
  1384. <a href="{URL}" {Target}>{Name}<span class="pictos" style="font-weight:normal;"> ;</span></a>
  1385. </h2>
  1386. </div>
  1387. <div class="caption padding">{Description}</div>
  1388.  
  1389. {block:IndexPage}
  1390. <div class="permalink_links">
  1391. <span class="pictos" style="font-weight:500; font-size:12px;">t</span><a href="{Permalink}"> {TimeAgo}</a>
  1392. <div class="right">
  1393. <span class="pictos" style="font-weight:normal; font-size:12px;">w</span>
  1394. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1395. </div>
  1396. </div>
  1397. {/block:IndexPage}
  1398. {block:Link}
  1399.  
  1400.  
  1401. {block:Photo}
  1402. <div class="padding-title">
  1403. <div class="tc_photo {block:IfNotShowcaptionsonhomepage}tc_photo_round_bottom{/block:IfNotShowcaptionsonhomepage} done">
  1404. {block:IndexPage}
  1405. {block:ifShowPhotoHoverButtons}
  1406. <div class="tc_post_controls">
  1407. <div class="tc_post_controls_container">
  1408. <a href="http://www.themecloud.co/themes/Escape/reblog.asp?q={ReblogURL}" class="pictos reblogIcon">1</a>
  1409. <a class="pictos heart_icon" href="javascript:void(0);" rel="{ReblogURL}" id="{PostID}">k</a>
  1410. <a href="{Permalink}" class="noteCount"><span class="RoundThatShit">{NoteCount}</span></a>
  1411. </div>
  1412. <div class="tc_post_controls_background"></div>
  1413. </div>
  1414. {/block:ifShowPhotoHoverButtons}
  1415. {/block:IndexPage}
  1416. {block:ifNotShowPhotoHoverButtons}
  1417. <a href="{Permalink}">
  1418. {/block:ifNotShowPhotoHoverButtons}
  1419. {block:IndexPage}
  1420. {block:IfNotPostLargeSize}
  1421. {block:IfNotPostMediumSize}
  1422. <img border="0" class="preload photos photoPost" src="{PhotoURL-250}"/>
  1423. {/block:IfNotPostMediumSize}
  1424. {/block:IfNotPostLargeSize}
  1425. {block:IfNotPostLargeSize}
  1426. {block:IfPostMediumSize}
  1427. <img border="0" class="preload photos photoPost" src="{PhotoURL-400}"/>
  1428. {/block:IfPostMediumSize}
  1429. {/block:IfNotPostLargeSize}
  1430. {block:IfPostLargeSize}
  1431. <img border="0" class="preload photos photoPost" src="{PhotoURL-500}"/>
  1432. {/block:IfPostLargeSize}
  1433. <span class="highresPhoto" style="display:none;">{PhotoURL-HighRes}</span>
  1434. {/block:IndexPage}
  1435. {block:permalinkpage}{LinkOpenTag}<img border="0" class="preload photos" src="{PhotoURL-HighRes}"/> {LinkCloseTag}{/block:permalinkpage}
  1436. {block:ifNotShowPhotoHoverButtons}
  1437. </a>
  1438. {/block:ifNotShowPhotoHoverButtons}
  1439. </div>
  1440. </div>
  1441. {block:IndexPage}
  1442. {block:IfShowcaptionsonhomepage}
  1443. {block:Caption}
  1444. <div class="caption padding tc_caption_bubble_display">
  1445. {Caption}
  1446. </div>
  1447. {/block:Caption}
  1448. {/block:IfShowcaptionsonhomepage}
  1449. {/block:IndexPage}
  1450. {block:PermalinkPage}
  1451. {block:Caption}
  1452. <div class="caption padding tc_caption_bubble_display">
  1453. {Caption}
  1454. </div>
  1455. {/block:Caption}
  1456. {/block:PermalinkPage}
  1457. {/block:Photo}
  1458.  
  1459. {block:Photoset}
  1460. <div class="padding-title">
  1461. {block:IndexPage}
  1462. {block:IfPhotosetAsSlider}
  1463. <div class="photosetPost done" rel="{PostID}">
  1464. {block:Photos}
  1465. <img class="photos" src="{PhotoURL-500}" id="" />
  1466. {/block:Photos}
  1467. <div class="photosetCircle_content"></div>
  1468. </div>
  1469. {/block:IfPhotosetAsSlider}
  1470.  
  1471. {block:IfNotPhotosetAsSlider}
  1472. <div class="photoSet">
  1473. {block:IfNotPostMediumSize}{block:IfNotPostLargeSize}{Photoset-250}{block:IfNotPostLargeSize}{/block:IfNotPostMediumSize}
  1474. {block:IfPostMediumSize}{block:IfNotPostLargeSize}{Photoset-400}{/block:IfNotPostLargeSize}{block:IfPostMediumSize}
  1475. {block:IfPostLargeSize}{Photoset-500}{/block:IfPostLargeSize}
  1476. </div>
  1477. <div class="photosetPost done" rel="{PostID}" style="display:none;">
  1478. {block:Photos}
  1479. <img class="photos" src="{PhotoURL-500}"/>
  1480. {/block:Photos}
  1481. <div class="photosetCircle_content"></div>
  1482. </div>
  1483. {/block:IfNotPhotosetAsSlider}
  1484.  
  1485. {/block:IndexPage}
  1486.  
  1487. {block:PermalinkPage}
  1488. <div class="photoSet">{Photoset-500}</div>
  1489. {block:Caption}
  1490. <div class="caption padding tc_caption_bubble_display">
  1491. {Caption}
  1492. </div>
  1493. {/block:Caption}
  1494. {/block:PermalinkPage}
  1495. </div>
  1496. {block:IndexPage}
  1497. {block:IfShowcaptionsonhomepage}
  1498. <div class="caption padding tc_caption_bubble_display">
  1499. {block:Caption}
  1500. {Caption}
  1501. {/block:Caption}
  1502. </div>
  1503. {/block:IfShowcaptionsonhomepage}
  1504.  
  1505. <div class="permalink_links">
  1506. <span class="pictos" style="font-weight:500; font-size:12px;">t</span><a href="{Permalink}"> {TimeAgo}</a>
  1507. <div class="right">
  1508. <span class="pictos" style="font-weight:normal; font-size:12px;">w</span>
  1509. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1510. </div>
  1511. </div>
  1512. {/block:IndexPage}
  1513. {/block:Photoset}
  1514.  
  1515.  
  1516. {block:Quote}
  1517. <div class="padding-title">
  1518. <h2 class="title">
  1519. <div class="quote_icon quoteIcon1 left">“</div>
  1520. <a href="{Permalink}" class="linkTitle">{Quote}</a>
  1521. <div class="quoteIcon2 quote_icon right">”</div>
  1522. <div class="clear"></div>
  1523. </h2>
  1524. </div>
  1525. {block:Source}
  1526. <div class="caption padding"><i><b> - {Source}</b></i></div>
  1527. {/block:Source}
  1528.  
  1529.  
  1530. {block:IndexPage}
  1531. <div class="permalink_links">
  1532. <span class="pictos" style="font-weight:500; font-size:12px;">t</span><a href="{Permalink}"> {TimeAgo}</a>
  1533. <div class="right">
  1534. <span class="pictos" style="font-weight:normal; font-size:12px;">w</span>
  1535. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1536. </div>
  1537. </div>
  1538. {/block:IndexPage}
  1539. {/block:Quote}
  1540.  
  1541.  
  1542. {block:Chat}
  1543. {block:Title}
  1544. <div class="padding-title">
  1545. <h2 class="title"><a href="{Permalink}" class="linkTitle">{Title}</a></h2>
  1546. </div>
  1547. {/block:Title}
  1548. <div style="padding: 0px 10px;">
  1549. <ul class="chat">
  1550. {block:Lines}
  1551. <li class="{Alt} user_{UserNumber}">
  1552. {block:Label}
  1553. <span class="label">{Label}</span>
  1554. {/block:Label}
  1555. <span class="caption">{Line}</span>
  1556. </li>
  1557. {/block:Lines}
  1558. </ul>
  1559. </div>
  1560.  
  1561. {block:IndexPage}
  1562. <div class="permalink_links">
  1563. <span class="pictos" style="font-weight:500; font-size:12px;">t</span><a href="{Permalink}"> {TimeAgo}</a>
  1564. <div class="right">
  1565. <span class="pictos" style="font-weight:normal; font-size:12px;">w</span>
  1566. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1567. </div>
  1568. </div>
  1569. {/block:IndexPage}
  1570. {/block:Chat}
  1571.  
  1572. {block:Audio}
  1573. {block:IfNotShowAudioTitle}
  1574. <div class="audioplayercontainer">
  1575. {block:AlbumArt}
  1576. <div class="padding-title">
  1577. <img class="audioimage" src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" />
  1578. </div>
  1579. {/block:AlbumArt}
  1580. <div class="audioplayerout">
  1581. <div class="audioplayerinto done" id="{postID}">
  1582. {AudioPlayerWhite}
  1583. </div>
  1584. </div>
  1585. <div class="clear"></div>
  1586. </div>
  1587. {/block:IfNotShowAudioTitle}
  1588. {block:IfShowAudioTitle}
  1589. {block:AlbumArt}
  1590. <div class="padding-title">
  1591. <img class="audioimage" src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" />
  1592. </div>
  1593. {/block:AlbumArt}
  1594. {/block:IfShowAudioTitle}
  1595. <div class="audioHighlight">
  1596. {block:IfShowAudioTitle}
  1597. <div class="titleAudio_container padding {block:AlbumArt}tc_caption_bubble_display{/block:AlbumArt}">
  1598. {block:Artist}<span class="artistLabel"><b>{Artist}</b></span>{/block:Artist}
  1599. <br>
  1600. {block:TrackName}<span class="trackLabel"><b>{TrackName}</b></span>{/block:TrackName}
  1601.  
  1602. <div class="audioplayerout">
  1603. <div class="audioplayerinto done" id="{postID}">
  1604. {AudioPlayerWhite}
  1605. </div>
  1606. </div>
  1607. </div>
  1608. {/block:IfShowAudioTitle}
  1609.  
  1610. {block:Caption}
  1611. <div class="caption {block:IfShowAudioTitle}caption_audio{/block:IfShowAudioTitle}{block:IfNotShowAudioTitle}padding tc_caption_bubble_display{/block:IfNotShowAudioTitle}">
  1612. {block:IfShowAudioTitle}
  1613. <div class="borderTop"></div>
  1614. {/block:IfShowAudioTitle}
  1615. {Caption}
  1616. </div>
  1617. {/block:Caption}
  1618.  
  1619. </div>
  1620.  
  1621. {block:IndexPage}
  1622. <div class="permalink_links">
  1623. <span class="pictos" style="font-weight:500; font-size:12px;">t</span><a href="{Permalink}"> {TimeAgo}</a>
  1624. <div class="right">
  1625. <span class="pictos" style="font-weight:normal; font-size:12px;">w</span>
  1626. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1627. </div>
  1628. </div>
  1629. {/block:IndexPage}
  1630. {/block:Audio}
  1631.  
  1632. {block:Video}
  1633. <div class="padding-title">
  1634. {block:IndexPage}
  1635. <div class="videoPost done" id="{postID}">
  1636. {block:IfNotPostMediumSize}{block:IfNotPostLargeSize}{Video-250}{block:IfNotPostLargeSize}{/block:IfNotPostMediumSize}
  1637. {block:IfPostMediumSize}{block:IfNotPostLargeSize}{Video-400}{/block:IfNotPostLargeSize}{block:IfPostMediumSize}
  1638. {block:IfPostLargeSize}{Video-500}{/block:IfPostLargeSize}
  1639. </div>
  1640. {/block:IndexPage}
  1641. {block:PermalinkPage}
  1642. <div class="videoPost" id="{postID}">{Video-500}</div>
  1643.  
  1644. {block:Caption}
  1645. <div class="caption padding {block:IndexPage}tc_caption_bubble_display{/block:IndexPage}">
  1646. {Caption}
  1647. </div>
  1648. {/block:Caption}
  1649. {/block:PermalinkPage}
  1650. </div>
  1651. {block:IndexPage}
  1652. {block:IfShowcaptionsonhomepage}
  1653. <div class="caption padding {block:IndexPage}tc_caption_bubble_display{/block:IndexPage}">
  1654. {block:Caption}
  1655. {Caption}
  1656. {/block:Caption}
  1657. </div>
  1658. {/block:IfShowcaptionsonhomepage}
  1659.  
  1660. <div class="permalink_links">
  1661. <span class="pictos" style="font-weight:500; font-size:12px;">t</span><a href="{Permalink}"> {TimeAgo}</a>
  1662. <div class="right">
  1663. <span class="pictos" style="font-weight:normal; font-size:12px;">w</span>
  1664. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1665. </div>
  1666. </div>
  1667. {/block:IndexPage}
  1668. {/block:Video}
  1669.  
  1670. {block:IndexPage}
  1671.  
  1672. <div class="highlightcaption">
  1673. <div class="padding" style="padding-top:0px !important;">
  1674. <div class="permalink_links">
  1675. <span class="pictos" style="font-weight:500; font-size:12px;">t</span><a href="{Permalink}"> {TimeAgo}</a>
  1676. <div class="right">
  1677. <span class="pictos" style="font-weight:normal; font-size:12px;">w</span>
  1678. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1679. </div>
  1680. </div>
  1681. </div>
  1682. </div>
  1683. {/block:IndexPage}
  1684.  
  1685. <div class="clear"></div>
  1686. <div class="tc_shadow {block:IfShowcaptionsonhomepage}{block:Caption}tc_caption_shadow{/block:Caption}{/block:IfShowcaptionsonhomepage}"></div>
  1687.  
  1688. </div> <!-- .tc_posts -->
  1689.  
  1690. {block:PermalinkPage}
  1691. {block:Date}
  1692. <div class="left" style="width:420px;">
  1693. <div class="tc_posts permalinkPage" style="width:420px;">
  1694. <div style="padding:10px;">
  1695. <div class="left"><h4 style="margin-bottom:20px;">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</h4></div>
  1696. {block:PermalinkPagination}
  1697. <div id="paginationPost" class="right">
  1698. {block:NextPost}<a class="prevNext" style="margin-right:7px;" href="{NextPost}"><span class="pictos">[</span> Prev Post</a>{/block:NextPost}
  1699. {block:PreviousPost}<a class="prevNext" href="{PreviousPost}"> Next Post <span class="pictos">]</span></a>{/block:PreviousPost}
  1700. </div>
  1701. {/block:PermalinkPagination}
  1702. <div class="clear"></div>
  1703. <div class="permaThings">
  1704. <span class="pictos">\</span><span>This was posted {TimeAgo}</span>
  1705. </br>
  1706. </div>
  1707.  
  1708. {block:RebloggedFrom}
  1709. <div class="permaThings">
  1710. <span class="pictos">1</span><span>This was reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a></span>
  1711. </br>
  1712. </div>
  1713. {/block:RebloggedFrom}
  1714.  
  1715. {block:HasTags}
  1716. <div class="permaThings">
  1717. <span class="pictos">z</span>This has been tagged with: {block:Tags}<a href="{TagURL}" class="tags">{Tag}</a>, {/block:Tags}
  1718. </div>
  1719. {/block:HasTags}
  1720.  
  1721. {block:ContentSource}
  1722. <div class="permaThings">
  1723. <span class="pictos">R</span><a href="{SourceURL}" id="sourceUrl">{SourceURL}</a></span>
  1724. </br>
  1725. </div>
  1726. {/block:ContentSource}
  1727.  
  1728. {block:PostNotes}
  1729. <div class="perma_notes" style="margin-top:20px;">
  1730. {PostNotes}
  1731. <div class="clear"></div>
  1732. </div>
  1733. {/block:PostNotes}
  1734. </div>
  1735. </div><!-- tc_posts -->
  1736.  
  1737.  
  1738.  
  1739. {block:IfFacebookCommentPermalinkPage}
  1740. <div class="tc_posts" style="width:420px;margin-top:20px;">
  1741. <div style="padding:10px;">
  1742. <h4 style="margin-bottom:10px;">Facebook comments</h4>
  1743. <fb:comments href="{Permalink}" num_posts="5" width="400"></fb:comments>
  1744. </div>
  1745. </div>
  1746. {/block:IfFacebookCommentPermalinkPage}
  1747.  
  1748. {block:IfNotFacebookCommentPermalinkPage}
  1749. {block:IfDisqusID}
  1750. <div class="tc_posts" style="width:420px;margin-top:20px;">
  1751. <div style="padding:10px;">
  1752. <script type="text/javascript">
  1753. var disqus_url = "{Permalink}";
  1754. var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";
  1755. </script>
  1756. <div id="disqus_thread"></div>
  1757. <script type="text/javascript">
  1758. (function() {
  1759. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1760. dsq.src = 'http://{text:Disqus ID}.disqus.com/embed.js';
  1761. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1762. })();
  1763. </script>
  1764. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript={text:Disqus ID}" {Target}>comments powered by Disqus.</a></noscript>
  1765. <script type="text/javascript">
  1766. var disqus_shortname = '{text:Disqus ID}';
  1767. (function () {
  1768. var s = document.createElement('script'); s.async = true;
  1769. s.src = 'http://{text:Disqus ID}.disqus.com/count.js';
  1770. (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
  1771. }());
  1772. </script>
  1773. </div>
  1774. </div>
  1775. {/block:IfDisqusID}
  1776. {/block:IfNotFacebookCommentPermalinkPage}
  1777.  
  1778.  
  1779.  
  1780.  
  1781. </div>
  1782. {/block:Date}
  1783. {/block:PermalinkPage}
  1784.  
  1785.  
  1786. {/block:Posts}
  1787.  
  1788. </div>
  1789. <div class="clear"></div>
  1790. </div> <!-- #tc_container -->
  1791.  
  1792. {block:IndexPage}
  1793. {block:Pagination}
  1794. <ul id="pagin">
  1795. {block:PreviousPage}
  1796. <li><a href="{PreviousPage}">Previous</a></li>
  1797. {/block:PreviousPage}
  1798. {block:JumpPagination length="5"}
  1799. {block:CurrentPage}
  1800. <li><a class="current" href="{URL}"><strong>{PageNumber}</strong></a></li>
  1801. {/block:CurrentPage}
  1802. {block:JumpPage}
  1803. <li><a href="{URL}">{PageNumber}</a></li>
  1804. {/block:JumpPage}
  1805. {/block:JumpPagination}
  1806. {block:NextPage}
  1807. <li><a id="nextPage" href="{NextPage}">Next</a></li>
  1808. {/block:NextPage}
  1809. </ul>
  1810. {/block:Pagination}
  1811. {block:IfShowScrollToTop}
  1812. <div id="back-top"><a href="#top">^</a></div>
  1813. {/block:IfShowScrollToTop}
  1814. {/block:IndexPage}
  1815.  
  1816. <!-- js codes -->
  1817.  
  1818. <script src="http://escape.tcs3.co.uk/themes/escape/getjs.asp?id=306478&fn=core2"></script>
  1819. <script src="http://cufon.shoqolate.com/js/cufon-yui.js" type="text/javascript"></script>
  1820. <script src="http://static.tumblr.com/dbek3sy/8HIm3i3kn/bebas-neue.cufonfonts.js" type="text/javascript"></script>
  1821.  
  1822. <script type="text/javascript">
  1823. // JavaScript Document
  1824. var $content = $("#tc_posts_container");
  1825. $(function(){
  1826. Cufon.replace('h1.bebasTitle', { fontFamily: 'Bebas Neue', hover: true });
  1827.  
  1828. // fade in #back-top
  1829. $(function () {
  1830. $(window).scroll(function () {
  1831. if ($(this).scrollTop() > 100) {
  1832. $('#back-top').fadeIn();
  1833. } else {
  1834. $('#back-top').fadeOut();
  1835. }
  1836. });
  1837.  
  1838. // scroll body to 0px on click
  1839. $('#back-top a').click(function () {
  1840. $('body,html').animate({
  1841. scrollTop: 0
  1842. }, 800);
  1843. return false;
  1844. });
  1845. });
  1846. });
  1847.  
  1848. function repairAudioPlayer(){
  1849. $('.audioplayerinto.done').each(function(){
  1850. var audioID = $(this).attr("id");
  1851. var $audioPost = $(this);
  1852. $.ajax({
  1853. url: '/api/read/json?id=' + audioID,
  1854. dataType: 'jsonp',
  1855. timeout: 50000,
  1856. success: function(data){
  1857. var color = "{color:Music player}";
  1858. $audioPost.html(data.posts[0]["audio-player"].replace("color=FFFFFF", "color=" + color.replace("#", "")));
  1859. }
  1860. });
  1861. $(this).removeClass("done");
  1862. });
  1863. };
  1864.  
  1865. function repairVideoPlayer(){
  1866. $('.videoPost.done').each(function(){
  1867. var videoID = $(this).attr("id");
  1868. var $videoPost = $(this);
  1869. var videoWidth = "-250";
  1870. {block:IfPostMediumSize}
  1871. videoWidth = "-500";
  1872. {/block:IfPostMediumSize}
  1873. {block:IfPostLargeSize}
  1874. videoWidth = "-500";
  1875. {/block:IfPostLargeSize}
  1876. if($videoPost.find("div#tumblr_video_container_"+videoID).length){
  1877. $.ajax({
  1878. url: '/api/read/json?id=' + videoID,
  1879. dataType: 'jsonp',
  1880. timeout: 50000,
  1881. success: function(data){
  1882. $videoPost.html(data.posts[0]["video-player"+videoWidth]);
  1883. {block:IfNot1Column}
  1884. $content.masonry();
  1885. {/block:IfNot1Column}
  1886. }
  1887. });
  1888. }
  1889. $videoPost.removeClass("done");
  1890. });
  1891. }
  1892.  
  1893. </script>
  1894.  
  1895. {block:PermalinkPAge}
  1896. <script>
  1897. $(function(){
  1898. $content.animate({opacity:1},500);
  1899. });
  1900. </script>
  1901. {/block:PermalinkPAge}
  1902.  
  1903. {block:IndexPage}
  1904.  
  1905. {block:IfInfiniteScroll}<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>{/block:IfInfiniteScroll}
  1906.  
  1907. <script type="text/javascript">
  1908. // core js?
  1909.  
  1910. var colWidth = 260;
  1911. {block:IfPostMediumSize}
  1912. var colWidth = 410;
  1913. {/block:IfPostMediumSize}
  1914. {block:IfPostLargeSize}
  1915. var colWidth = 510;
  1916. {/block:IfPostLargeSize}
  1917.  
  1918. $(function(){
  1919. Cufon.replace('h1.bebasTitle', { fontFamily: 'Bebas Neue', hover: true });
  1920.  
  1921. {block:IfNot1Column}
  1922. if($('.tc_posts.highlight.done').length){highLightPost();}
  1923. {/block:IfNot1Column}
  1924. if($('.audioplayerinto.done').length){repairAudioPlayer();}
  1925. {block:IfPhotosetAsSlider}
  1926. if($(".photosetPost.done").length){photoSet();}
  1927. {/block:IfPhotosetAsSlider}
  1928. if($('.RoundThatShit').length){RoundThatShit();}
  1929.  
  1930.  
  1931. /* photoset */
  1932. $(".photosetCircle").live("click", function(){
  1933. var classCircle = $(this).attr("id");
  1934. var $parent = $(this).parent().parent();
  1935. $parent.find("img").hide();
  1936. $parent.find("img.photoN_"+classCircle).fadeIn(200);
  1937. {block:IfNot1Column}
  1938. $content.masonry({isAnimated: false});
  1939. {/block:IfNot1Column}
  1940. return false;
  1941. });
  1942.  
  1943. /* heart like */
  1944. $(".heart_icon").live("click", function() {
  1945. var noteCount = $(this).parent().find(".noteCount");
  1946. var noteCountText = parseInt(noteCount.text())+1;
  1947. var reblogIcon = $(this).parent().find(".reblogIcon");
  1948.  
  1949. var $this = $(this);
  1950. var id_post = $this.attr('id');
  1951. var reblog_key = $this.attr('rel').slice(-8);
  1952. var like_url = 'http://www.tumblr.com/like/'+reblog_key+'?id='+id_post;
  1953. $('#likeIframe').attr('src', like_url);
  1954. $(this).animate({left: "25px", opacity: 0},200);
  1955. noteCount.animate({right: "24px"},200);
  1956. reblogIcon.animate({left: "25px"},200);
  1957.  
  1958. if((noteCount.text().indexOf("k") == -1) && (noteCount.text().indexOf("m") == -1)){
  1959. noteCount.text(noteCountText);
  1960. }
  1961. });
  1962.  
  1963. });
  1964.  
  1965. function photoSet(){
  1966. $(".photosetPost.done").each(function(){
  1967. $thisIMG = $(this).find("img");
  1968. $thisIMG.each(function(e){
  1969. $(this).addClass("photoN_"+e);
  1970. if(e >= 1){
  1971. $(this).hide();
  1972. }
  1973. $(this).parent().find(".photosetCircle_content").append("<a class='photosetCircle' id='"+e+"'></a>");
  1974. });
  1975. $(this).removeClass("done");
  1976. });
  1977. }
  1978.  
  1979. function HidePosts(){
  1980. $(".hide").each(function(){
  1981. var selector = $(this).attr('data-option-value');
  1982. var $removable = $content.find( selector );
  1983. $content.masonry( 'remove', $removable);
  1984. }).removeClass("hide");
  1985. }
  1986. {block:IfNot1Column}
  1987.  
  1988. function highLightPost(){
  1989. $('.tc_posts.highlight.done').css("width",(colWidth*2)+22);
  1990. var $highlight = $("#"+$('.tc_posts.highlight.done').attr("id"));
  1991.  
  1992. /*image posts*/
  1993. if($highlight.find(".photoPost").length){
  1994. var $findHighres = $highlight.find(".highresPhoto").text();
  1995.  
  1996. $highlight.find(".photoPost").attr("src", $findHighres);
  1997. }
  1998.  
  1999. /*video posts*/
  2000. if($highlight.find(".videoPost").length){
  2001. /* if spotify */
  2002. var spotify = $highlight.find(".videoPost iframe").attr("src");
  2003. if(spotify.indexOf("spotify") > 1){
  2004. $highlight.find(".videoPost").css({"height":"90px","overflow":"hidden"}).html("<iframe src='"+spotify+"' width='"+((colWidth*2)+80)+"' frameborder='0' allowtransparency='true'></iframe>");
  2005. }
  2006. }
  2007. /* photoset */
  2008. if($highlight.find(".photoSet").length){
  2009. $highlight.find(".photoSet").remove();
  2010. photoSet();
  2011. $highlight.find(".photosetPost").show();
  2012. }
  2013. $highlight.removeClass("done");
  2014. }
  2015.  
  2016. {/block:IfNot1Column}
  2017.  
  2018. function RoundThatShit(){
  2019. $(".RoundThatShit").each(function(){
  2020. iNumber = $(this).html();
  2021. if (iNumber.toString().length >= 7) {
  2022. $(this).html(Math.round(iNumber / 1000000) + "m");
  2023. }
  2024. else if (iNumber.toString().length >= 4){
  2025. $(this).html(Math.round(iNumber / 1000) + "k");
  2026. }
  2027. else{
  2028. $(this).html(iNumber);
  2029. }
  2030. }).removeClass("RoundThatShit");
  2031. }
  2032.  
  2033.  
  2034. var IfNot1Column= false;
  2035. {block:IfNot1Column}
  2036. IfNot1Column= true;
  2037. {/block:IfNot1Column}
  2038.  
  2039. var IfPhotosetAsSlider = false;
  2040. {block:IfPhotosetAsSlider}
  2041. IfPhotosetAsSlider = true;
  2042. {/block:IfPhotosetAsSlider}
  2043.  
  2044. </script>
  2045.  
  2046. {block:IfNot1Column}
  2047. <script>
  2048. var containerWidth = $content.width();
  2049. var iScroll = 0;
  2050. //var containerWidth = ($("#tc_container").width() - $("#tc_sidebar").width()) - 10
  2051. $(window).load(function(){
  2052. /* masonry + infinitescroll */
  2053. //alert(colWidth + 22)
  2054. $content.masonry({
  2055. itemSelector: ".tc_posts",
  2056. isAnimated: IfNot1Column,
  2057. columnWidth: colWidth + 22
  2058. }),
  2059. $content.infinitescroll({
  2060. navSelector : '#pagin',
  2061. nextSelector : '#pagin a#nextPage',
  2062. itemSelector : '.tc_posts',
  2063. loading: {
  2064. finishedMsg: '',
  2065. img: 'http://static.tumblr.com/dbek3sy/4fUm7il5k/ajax-loader.gif'
  2066. },
  2067. bufferPx : 600,
  2068. debug : false,
  2069. },
  2070. // call masonry as a callback.
  2071. function(newElements){
  2072. var $newElems = $( newElements );
  2073. $newElems.hide();
  2074.  
  2075. //if($('.tc_posts.hide.done').length){HidePosts();}
  2076. if($('.tc_posts.highlight.done').length){highLightPost();}
  2077. if((IfPhotosetAsSlider == true)&&($(".photosetPost.done").length)){photoSet();}
  2078. if($('.audioplayerinto.done').length){repairAudioPlayer();}
  2079. if($('.videoPost.done').length){repairVideoPlayer();}
  2080. if($('.RoundThatShit').length){RoundThatShit();}
  2081.  
  2082. iScroll = iScroll + 1;
  2083. $newElems.imagesLoaded(function(){
  2084. $content.masonry(
  2085. 'appended',
  2086. $newElems,
  2087. true,
  2088. function(){
  2089. $newElems.fadeIn(300);
  2090. if($content.css("opacity") == 0){
  2091. $("#gifLoad").remove();
  2092. $content.animate({opacity:1},500);
  2093. }
  2094. }
  2095. );
  2096. });
  2097. if(iScroll <= 2){
  2098. if (IfNot1Column == true){
  2099. $content.infinitescroll('retrieve');
  2100. }
  2101. }
  2102. });
  2103. if(iScroll <= 2){
  2104. if (IfNot1Column == true){
  2105. $content.infinitescroll('retrieve');
  2106. }
  2107. }
  2108. });
  2109.  
  2110. $(document).ready(function(){
  2111. if ($("#purchase_theme").length){
  2112. var newa = document.createElement('a');
  2113. newa.setAttribute("href","http://themecloud.co/themes/escape/");
  2114. newa.setAttribute("id","purchase_theme");
  2115. var newimg = document.createElement('img');
  2116. newimg.setAttribute("src","http://static.tumblr.com/thpaaos/dHHkt0jor/install_theme.png");
  2117. newimg.setAttribute("style","position:absolute; right:10px; top:20px;z-index:99999999;");
  2118. newimg.setAttribute("border","0");
  2119. newa.appendChild(newimg);
  2120. document.body.appendChild(newa);
  2121. }
  2122. setInterval("showpostsnow()", 3000);
  2123. });
  2124. var ldone = "1";
  2125. function showpostsnow() {
  2126. if (ldone == "2") {
  2127. $("#tc_posts_container").css("opacity","1");
  2128. ldone = "3";
  2129. }
  2130. if (ldone == "1"){
  2131. ldone = "2";
  2132. }
  2133. }
  2134.  
  2135. </script>
  2136. {/block:IfNot1Column}
  2137.  
  2138. {block:If1Column}
  2139. <script>
  2140. $content.infinitescroll({
  2141. navSelector : '#pagin',
  2142. nextSelector : '#pagin a#nextPage',
  2143. itemSelector : '.tc_posts',
  2144. loading: {
  2145. finishedMsg: '',
  2146. img: 'http://static.tumblr.com/dbek3sy/4fUm7il5k/ajax-loader.gif'
  2147. },
  2148. bufferPx : 600,
  2149. debug : false,
  2150. },
  2151. function(newElements){
  2152. var $newElems = $(newElements);
  2153. $newElems.hide();
  2154.  
  2155. if (IfPhotosetAsSlider == true){
  2156. if($(".photosetPost.done").length){photoSet();}
  2157. }
  2158. if($('.audioplayerinto.done').length){repairAudioPlayer();}
  2159. if($('.videoPost.done').length){repairVideoPlayer();}
  2160. if($('.RoundThatShit').length){RoundThatShit();}
  2161.  
  2162. $newElems.appendTo($content);
  2163. $newElems.show();
  2164. });
  2165. </script>
  2166. {/block:If1Column}
  2167.  
  2168. <script>
  2169. $(function(){
  2170. ChangePostsCont();
  2171. });
  2172.  
  2173. function ChangePostsCont(){
  2174. var x = 100-((($("#tc_sidebar").width() + 15) / $(window).width()) * 100);
  2175. x = Math.round(x);
  2176. $content.width(x + "%");
  2177. }
  2178. $(window).resize(function() {
  2179. ChangePostsCont();
  2180. });
  2181. </script>
  2182.  
  2183. {/block:IndexPage}
  2184.  
  2185. {block:PermalinkPage}
  2186. <script src="http://www.themecloud.co/themes/narnia/jquery.tipsy.js"></script>
  2187. <script>
  2188. function SetUpNotes(){
  2189. $("ol.notes li.like a").tipsy({opacity:0.95,title:function(){return this.getAttribute("original-title") + " liked this"}});
  2190. $("ol.notes li.reblog a").tipsy({opacity:0.95,title:function(){return this.getAttribute("original-title") + " reblogged this"}});
  2191. $("ol.notes li.answer").tipsy({opacity:0.95,title:function(){return "\"" + $(this).find(".answer_content").html() + "\"";}});
  2192. $("ol.notes li.reply").tipsy({opacity:0.95,title:function(){return "\"" + $(this).find(".answer_content").html() + "\"";}});
  2193. $(".notes .source_tumblelog").hide();
  2194. $(".notes .clear").hide();
  2195. $('ol.notes img').each(function(){
  2196. var t=$(this);
  2197. $('.more_notes_link').html("+");
  2198. this.src = this.src.replace("_16","_30");
  2199. });
  2200. $('.more_notes_link').click(function(){
  2201. setTimeout('SetUpNotes()', 1500);
  2202. });
  2203. }
  2204.  
  2205. $(function(){
  2206. SetUpNotes();
  2207. repairAudioPlayer();
  2208. var sourceUrl = $("#sourceUrl").text();
  2209. if(sourceUrl.length >= 45){
  2210. $("#sourceUrl").text(sourceUrl.substring(0,45));
  2211. }
  2212. });
  2213.  
  2214. </script>
  2215. {/block:PermalinkPage}
  2216.  
  2217. <script src="http://www.themecloud.co/themes/escape/common.js"></script>
  2218.  
  2219. <input type="hidden" name="post_padding" id="post_padding" value="10" />
  2220. <input type="hidden" name="tag_page" id="tag_page" value="" />
  2221. <iframe id="likeIframe" src="" style="width:1px;height:1px;position:absolute;left:-9999px;"></iframe>
  2222. </body>
  2223. </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!