API tools faq
paste
Advertisement
feiinho

Surface 0.0.3 Theme by blinkanditsover

feiinho
Jun 25th, 2013
1,830
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 105.40 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">
  3. <head>
  4. <!--
  5. .o88o. by blinkanditsover
  6. 888 `"
  7. .oooo.o oooo oooo oooo d8b o888oo .oooo. .ooooo. .ooooo.
  8. d88( "8 `888 `888 `888""8P 888 `P )88b d88' `"Y8 d88' `88b
  9. `"Y88b. 888 888 888 888 .oP"888 888 888ooo888
  10. o. )88b 888 888 888 888 d8( 888 888 .o8 888 .o
  11. 8""888P' `V88V"V8P' d888b o888o `Y888""8o `Y8bod8P' `Y8bod8P'
  12.  
  13.  
  14. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  15. Surface 0.0.3 Theme by blinkanditsover
  16. Premium Tumblr Theme
  17. http://themecloud.co/themes/surface
  18. Support: themecloud.co | @theme_cloud
  19.  
  20. Changelog:
  21. Infinite scroll loading image added 31/12/12
  22. Track label/artist spacing 31/12/12
  23. Infinite scroll improvement 01/01/13
  24. Optional show blog title and change title style 04/01/13
  25. Option to fix the header 04/01/13
  26. Google Analytics installed 04/01/13
  27. Tags added 04/01/13
  28. iPad Optimized 06/01/13
  29. Search fixed 03/02/13
  30. Gif bug fixed 03/02/13
  31. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  32.  
  33.  
  34. -->
  35.  
  36. <meta name="color:Links" content="#32bee2"/>
  37. <meta name="color:Links Hover" content="#333333"/>
  38. <meta name="color:Music player" content="#32bee2"/>
  39. <meta name="color:Text" content="#333333"/>
  40. <meta name="color:Post Background" content="#FFFFFF"/>
  41. <meta name="color:Post Controls Border" content="#e9e6e6"/>
  42. <meta name="color:Post Control Hover" content="#F5F5F5"/>
  43. <meta name="color:Post Control Text" content="#979696"/>
  44. <meta name="color:Blog Title hover" content="#000000"/>
  45. <meta name="color:Blog Title" content="#FFFFFF"/>
  46. <meta name="color:Post Title" content="#000000"/>
  47. <meta name="color:Background" content="#eeeeee"/>
  48. <meta name="color:Header Color" content="#000000"/>
  49. <meta name="color:Header Links" content="#FFFFFF"/>
  50. <meta name="color:Tag Color" content="#3A87AD"/>
  51. <meta name="color:Tag Text Color" content="#FFFFFF"/>
  52. <meta name="if:Fix Header" content="0"/>
  53. <meta name="if:Blog Title A" content="1"/>
  54. <meta name="if:Blog Title B" content="0"/>
  55. <meta name="if:Show Audio Title" content="1"/>
  56. <meta name="if:Show Captions on Home Page" content="1"/>
  57. <meta name="if:Show Post Controls" content="1"/>
  58. <meta name="if:Show Note Count" content="1"/>
  59. <meta name="if:Show Tags" content="0"/>
  60. <meta name="if:Shadows" content="1"/>
  61. <meta name="if:Show Search" content="1"/>
  62.  
  63. <meta name="if:Archive Link" content="1"/>
  64. <meta name="if:RSS Link" content="1"/>
  65.  
  66.  
  67.  
  68. <meta name="image:Background" content="http://static.tumblr.com/e277634ab545119b5154f07ded6e07ae/ssdtkch/Rosmfnyqm/tumblr_static_extra_clean_paper.png"/>
  69. <meta name="image:Header" content=""/>
  70. <meta name="image:Logo" content=""/>
  71.  
  72.  
  73. <meta name="text:Facebook username" content=""/>
  74. <meta name="text:Twitter username" content=""/>
  75. <meta name="text:Dribbble username" content=""/>
  76. <meta name="text:Youtube username" content=""/>
  77. <meta name="text:Flickr username" content=""/>
  78. <meta name="text:Vimeo username" content=""/>
  79. <meta name="text:Skype username" content=""/>
  80. <meta name="text:Analytics Tracking ID" content=""/>
  81.  
  82. <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic' rel='stylesheet' type='text/css'>
  83.  
  84.  
  85. <link rel="stylesheet" href="http://static.tumblr.com/2w7y46r/tpCltl37a/pictos_base.css">
  86.  
  87. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  88. <title>{Title}</title>
  89. <style>
  90. @import url(http://static.tumblr.com/jw8fmba/Arxm3bwmu/socialico.css);
  91. @import url(http://fonts.googleapis.com/css?family=PT+Sans);
  92.  
  93.  
  94.  
  95. </style>
  96. <link rel="stylesheet" href="http://static.tumblr.com/ssdtkch/47bmfqrsj/core.css
  97. ">
  98. <link rel="stylesheet" href="http://static.tumblr.com/ssdtkch/BRqmfqrru/surface.css
  99. ">
  100. <link rel="stylesheet" href="http://static.tumblr.com/ssdtkch/UNNmfqrtd/perma.css
  101. ">
  102.  
  103.  
  104.  
  105. <style>
  106.  
  107. body{
  108. word-wrap: break-word;
  109. overflow-x:hidden;
  110. font-family: 'PT Sans', sans-serif;
  111.  
  112.  
  113. }
  114.  
  115. .top_bar_left {
  116. height: auto !important;
  117. float: left;
  118. margin-right: 20px;
  119. margin-top: 0px;
  120. {block:ifnotlogoimage}bottom: 35px;
  121. {/block:ifnotlogoimage}
  122. {block:iflogoimage}bottom: 25px;
  123. {/block:iflogoimage}
  124. position: absolute;
  125. }
  126.  
  127.  
  128. .highlight .caption p {font-size:14px !important;}
  129. .highlight .caption{font-size:14px !important;}
  130.  
  131. .pictos:hover{background-color:{color:post control hover};}
  132.  
  133.  
  134. .black .tc_posts {
  135.  
  136.  
  137. background-color:red !important;}
  138.  
  139. .caption p{
  140. font-size:13px;
  141. line-height:1.7em;
  142. }
  143.  
  144. #tc_post_perma .caption p {
  145. margin-left:20px;
  146. margin-right:20px;
  147.  
  148. }
  149. .splitter_line
  150. {
  151. width:304px;
  152. }
  153. #tc_post_perma .splitter_line{width:700px;}
  154. .highlight .splitter_line{width:630px;}
  155. #tc_post_perma .caption
  156. {
  157. margin-bottom:20px;
  158. margin-top:20px;
  159. }
  160. #tc_post_perma blockquote
  161. {
  162. margin-left: 22px !important;
  163. color:{color:text};
  164. }
  165. #tc_post_perma blockquote p
  166. {
  167. margin-left: 10px !important;
  168. }
  169.  
  170. .note blockquote
  171. {
  172. border-left:none !important;
  173. }
  174. {block:permalinkpage}
  175. #perma_controls
  176. {
  177. display:none;
  178. }
  179. {block:permalinkpage}
  180.  
  181. .social_icons{
  182. color:{color:header links} !important;
  183. }
  184.  
  185.  
  186. .logo{
  187. border-bottom:0px;
  188. max-height:170px;
  189. }
  190.  
  191. .logo:hover{
  192. border-bottom:0px;
  193. }
  194.  
  195. @-moz-document url-prefix() { .social_icons { display: none !important; } }
  196. .face:hover{
  197. color:#3b5998 !important;
  198. }
  199. .twit:hover{
  200. color:#00bcf5 !important;
  201. }
  202. .drib:hover{
  203. color:#f05c93 !important;
  204. }
  205. .you:hover{
  206. color:#c4302b !important;
  207. }
  208. .vimeo:hover{
  209. color:#44bbff !important;
  210. }
  211. .skype:hover{
  212. color:#23c8f3 !important;
  213. }
  214. .google:hover{
  215. color:#d03b25 !important;
  216. }
  217. .flickr:hover{
  218. color:#ff0084 !important;
  219. }
  220.  
  221. .rss:hover{
  222. color:#f94600 !important;
  223. border-bottom:0px;
  224. }
  225.  
  226. body
  227. {
  228. background-image:url({image:background});
  229. overflow-x:hidden;
  230. }
  231.  
  232. .top_bar
  233. {
  234.  
  235.  
  236. background:url({image:header}) top center repeat;
  237. background-color:{color:Header Color};
  238. }
  239.  
  240.  
  241. a.blog_title{
  242. color:{color:blogtitle} !important;
  243. border:1px solid {color:blog title};
  244.  
  245. }
  246.  
  247. a.blog_title:hover
  248. {
  249. color:{color:blog title hover} !important;
  250. border:1px solid {color:blog title};
  251. background-color:{color:blog title};
  252. }
  253.  
  254. a.blog_title_b{
  255. color:{color:blogtitle} !important;
  256. border-bottom:none !important;
  257. }
  258. a.blog_title_b:hover{
  259. color:{color:blogtitle} !important;
  260. border-bottom:none !important;
  261. }
  262.  
  263.  
  264. .blog_title_b {
  265. font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  266. font-weight: 300;
  267. float: left;
  268. color: white !important;
  269. font-size: 19px;
  270. text-transform: uppercase;
  271. letter-spacing: 5px;
  272.  
  273. }
  274.  
  275. .top_bar_right
  276. {
  277. color:#FFFFFF;
  278. }
  279.  
  280. #tc_posts_container
  281. {
  282. background-image:url({image:background});
  283. background-color:{color:background};
  284.  
  285. }
  286.  
  287. #lightbox_perma
  288. {
  289. width:auto !important;
  290. top:243px;
  291. margin-left:auto;
  292. margin-right:auto;
  293. position:absolute;
  294. left:50%;
  295. margin-left:-351px;
  296. z-index:500;
  297. background-color:#FFFFFF !important;
  298. display:none;
  299. margin-bottom:40px;
  300. }
  301. #darkbox
  302. {
  303. width:100%;
  304. height:100%;
  305. background-color:#000000 !important;
  306. opacity:1;
  307. z-index:400 !important;
  308. position:fixed;
  309. top:0;
  310. left:0;
  311. display:none;
  312. }
  313. #purchase_theme2
  314. {
  315. top:20px !important;
  316. }
  317. a.btn{
  318. position:fixed;
  319. z-index:9;
  320. top:46px;right:15px;
  321. white-space:nowrap;
  322. outline:0;
  323. text-decoration:none;
  324. cursor:pointer;
  325. overflow:hidden;
  326. text-overflow:ellipsis;
  327. font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
  328. height:20px;
  329. padding:0 5px;
  330. -webkit-font-smoothing:antialiased;
  331. -webkit-user-select:none;
  332. -moz-user-select:none;
  333. -ms-user-select:none;
  334. user-select:none;
  335. -webkit-box-sizing:border-box;
  336. -moz-box-sizing:border-box;
  337. -ms-box-sizing:border-box;
  338. -o-box-sizing:border-box;
  339. box-sizing:border-box;
  340. -webkit-transition-property:padding;
  341. -moz-transition-property:padding;
  342. -ms-transition-property:padding;
  343. -o-transition-property:padding;
  344. transition-property:padding;
  345. -webkit-transition-duration:.1s;
  346. -moz-transition-duration:.1s;
  347. -ms-transition-duration:.1s;
  348. -o-transition-duration:.1s;
  349. transition-duration:.1s;
  350. -webkit-transition-timing-function:ease;
  351. -moz-transition-timing-function:ease;
  352. -ms-transition-timing-function:ease;
  353. -o-transition-timing-function:ease;
  354. transition-timing-function:ease
  355. }
  356.  
  357. .btn{
  358. color:#fff;
  359. border:1px solid rgba(0,0,0,0.18);
  360. background:rgba(0,0,0,0.38);
  361. text-shadow:1px 1px 0 rgba(0,0,0,0.08);
  362. }
  363.  
  364. a.btn,a.btn:hover{
  365. color:white!important;
  366. border-bottom:0px;
  367. }
  368.  
  369. .btn{
  370. margin-bottom:5px;
  371. color:#fff;
  372. border:1px solid rgba(0,0,0,0.18);
  373. background:rgba(0,0,0,0.38);
  374. text-shadow:1px 1px 0 rgba(0,0,0,0.08);
  375. -webkit-border-radius:2px;
  376. -moz-border-radius:2px;
  377. border-radius:2px;
  378. }
  379.  
  380. .btn:hover::after,.btn:focus::after{
  381. background:rgba(255,255,255,0.09);
  382. color:white}
  383.  
  384. .btn:active::after{
  385. background:rgba(255,255,255,0.18) color:white}
  386.  
  387. .btn_label.show{display:block}
  388.  
  389. .btn::after{
  390. position:absolute;
  391. top:0;
  392. right:0;
  393. bottom:0;
  394. left:0;
  395. content:'';
  396. -webkit-border-radius:inherit;
  397. -moz-border-radius:inherit;
  398. border-radius:inherit
  399. }
  400.  
  401. .btn.icon::before{
  402. display:block;
  403. content:'';
  404. position:absolute;
  405. top:0;
  406. left:0;
  407. bottom:0;
  408. width:20px;
  409. border-radius:inherit;
  410. background:url('http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png') 0 0 no-repeat
  411. }
  412.  
  413. .btn.theme::before{
  414. background-position:0 -0px}
  415.  
  416. .btn img{width:15px}
  417.  
  418. .btn.icon{padding-left:20px}
  419.  
  420. .btn:active::after {
  421. background:rgba(255,255,255,0.18)}
  422.  
  423. .clear {clear: both;}
  424.  
  425. #pagination {display: none;}
  426. </style>
  427.  
  428. <!-- END ESCAPE CSS CORE-->
  429.  
  430.  
  431. <style>
  432. ::selection { background:{color:links}; color:{color:post background}; /* Safari and Opera */ }
  433. ::-moz-selection { background:{color:links}; color:{color:post background}; /* Firefox */ }
  434.  
  435. a{
  436. color:{color:Links};
  437. border-bottom: 1px dotted {color:Links Border};
  438. }
  439. a:hover{color:{color:Links Hover} !important;}
  440. blockquote{
  441. border-left: 1px solid {color:post controls border};
  442. }
  443.  
  444.  
  445.  
  446.  
  447.  
  448. #menu_links li a {
  449.  
  450. border-bottom:1px solid {color:Sidebar Border};
  451. color: {color:Sidebar Links};
  452. border-left:0px solid {color:Links};
  453.  
  454. }
  455. #menu_links li:first-child a{
  456. border-top:1px solid{color:Sidebar Border};
  457. }
  458. #menu_links a:hover{
  459. color: {color:Sidebar Links} !important;
  460. }
  461.  
  462. .tc_posts{
  463. {block:IndexPage}
  464. width: 304px;
  465. {/block:IndexPage}
  466. background-color: {color:Post Background};
  467.  
  468. }
  469.  
  470.  
  471.  
  472. {block:IndexPage}
  473. .kanes_shadow:hover{
  474.  
  475.  
  476. }
  477. {/block:IndexPage}
  478.  
  479. /* text, link, quote posts */
  480.  
  481.  
  482. .padding-title{
  483. padding: 0px;
  484. }
  485.  
  486.  
  487. a.linkTitle{
  488. color:{color:Post Title} !important;
  489. border:0;
  490. }
  491. a.linkTitle:hover{
  492. color:{color:Post Title} !important;
  493. }
  494.  
  495. h2.title{
  496. position:relative;
  497. color: {color:Post Title};
  498. font-size: 1.6em;
  499. line-height: 1.3em;
  500. padding: 15px 15px 0px 15px;
  501. margin-top: 0px;
  502. -webkit-border-top-left-radius: 2px;
  503. -webkit-border-top-right-radius: 2px;
  504. -moz-border-radius-topleft: 2px;
  505. -moz-border-radius-topright: 2px;
  506. border-top-left-radius: 2px;
  507. border-top-right-radius: 2px;
  508. }
  509.  
  510.  
  511. h2.link a{
  512. color: {color:Post Title};
  513. border-bottom: 0;
  514. }
  515.  
  516.  
  517. #tc_post_perma .chat
  518. {
  519. font-size:0.8em;
  520. }
  521. ul.chat li{
  522. padding:0px 6px 0px 6px;
  523.  
  524. }
  525. .even .label{color:{color:links};font-size:14px; padding-right:4px;font-weight:bold;}
  526. .odd .label{color:{color:text}; font-size:14px; padding-right:4px; font-weight:bold;}
  527.  
  528.  
  529.  
  530. ul.chat li .splitter_line{
  531. margin-top:10px;
  532. margin-bottom:10px;
  533. }
  534.  
  535. ul.chat li:first-child
  536. {margin-top:10px;}
  537.  
  538. ul.chat li:last-child
  539. {margin-bottom:10px;}
  540.  
  541. ul.chat li:first-child .splitter_line
  542. {display:none;
  543. margin-top:10px;}
  544.  
  545.  
  546. .permalink_links{
  547. text-align:left;
  548. margin-bottom: 7px;
  549. margin-left: 10px;
  550. margin-right: 10px;
  551.  
  552. color:{color:post control text};
  553. bottom: 0px;
  554. }
  555. .permalink_links a{
  556. text-transform: uppercase;
  557. font-size:0.8em;
  558. border-bottom: none;
  559. color:{color:post control text};
  560. font-weight: bold;
  561. letter-spacing: 1px
  562. }
  563.  
  564. .trackLabel{color:{color:Links} !important;
  565. margin-right:20px;
  566. }
  567.  
  568. /* photo post */
  569.  
  570. .permalink_links a, .prevNext{
  571. text-transform: uppercase;
  572. font-size:0.8em;
  573. border-bottom: none;
  574. color:{color:post control text};
  575. font-weight: bold;
  576. letter-spacing: 1px
  577. }
  578. .tc_post_controls{
  579. position:absolute;
  580. top: 0px;
  581. left: 0px;
  582. width:100%;
  583. height:100%;
  584. opacity: 0;
  585. filter:alpha(opacity=0);
  586. box-shadow: inset 0 0 75px black;
  587. -webkit-transition: opacity 0.4s ease-out;
  588. -moz-transition: opacity 0.4s ease-out;
  589. transition: opacity 0.4s ease-out;
  590. -o-transition: opacity 0.4s ease-out;
  591.  
  592. }
  593. .tc_post_controls_background{
  594. position:absolute;
  595. width:100%;
  596. height:100%;
  597. top:0px;
  598. left:0px;
  599.  
  600.  
  601. opacity: 0.8;
  602. filter:alpha(opacity=80);
  603. z-index: 100;
  604. }
  605.  
  606. #tc_posts_container{
  607.  
  608. -webkit-box-shadow:0 -5px 10px rgba(0, 0, 0, 0.1);
  609. box-shadow:0 -5px 10px rgba(0, 0, 0, 0.1);
  610. }
  611. {block:ifnotshadows}
  612. .kanes_shadow{
  613.  
  614. -webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0) !important;
  615. box-shadow:0 0px 0px rgba(0, 0, 0, 0.0) !important;
  616. }
  617.  
  618. {/block:ifnotshadows}
  619.  
  620. {block:ifshadows}
  621. .kanes_shadow{
  622.  
  623. -webkit-box-shadow:0 0px 5px rgba(0, 0, 0, 0) !important;
  624. box-shadow:0 0px 3px rgba(0, 0, 0, 0.1) !important;
  625. }
  626.  
  627. {/block:ifshadows}
  628.  
  629. .tc_post_controls_container a:first-child{margin-left:0px;}
  630.  
  631. .tc_post_controls_container a.heart_icon:hover{
  632. color:#c4302b !important;
  633. }
  634.  
  635. .tc_posts:hover .tc_post_controls{
  636. opacity: 1;
  637. filter:alpha(opacity=100);
  638. }
  639.  
  640. .tc_posts:hover .tc_post_controls_container{
  641. opacity: 1;
  642. filter:alpha(opacity=100);
  643. top: 50%;
  644. }
  645. .tc_post_controls_container a{
  646. position:relative;
  647. color:{color:Post Title};
  648. display: inline-block;
  649. font-size: 1.6em;
  650. background-color: {color:Post Title Background};
  651. height: 40px;
  652. width: 40px;
  653. margin-left:5px;
  654. line-height:40px;
  655. -moz-border-radius: 20px;
  656. -webkit-border-radius: 20px;
  657. border-radius: 20px;
  658. border-bottom: 0 !important;
  659. z-index: 103;
  660. }
  661.  
  662. .tc_post_controls_container a:hover{
  663. color:{color:Post Title}!important;
  664. }
  665. .tc_post_controls_container{
  666. color:#fff;
  667. position: absolute;
  668. top: 80%;
  669. margin-top: -21px;
  670. text-align: center;
  671. left: 50%;
  672. margin-left: -71px;
  673. -webkit-transition: all 0.3s ease;
  674. -moz-transition: all 0.3s ease;
  675. transition: all 0.3s ease;
  676. -o-transition: all 0.3s ease;
  677. z-index: 101;
  678. }
  679. /* audio post */
  680. .audioplayerout{
  681. background-color: {color:Music player};
  682. -webkit-border-radius: 50px;
  683. -moz-border-radius: 50px;
  684. border-radius: 50px;
  685. position:absolute;
  686. {block:IfShowAudioTitle}
  687. right: 12px;
  688. top: 12px;
  689. {/block:IfShowAudioTitle}
  690. {block:IfNotShowAudioTitle}
  691. left: 50%;
  692. margin-left: -21px;
  693. top: 50%;
  694. margin-top: -21px;
  695. {/block:IfNotShowAudioTitle}
  696. }
  697.  
  698. .artistLabel{color: {color:Post Title Background}; font-size: 1.4em; text-overflow: ellipsis !important; /* will make [...] at the end */
  699. width: 20px !important; /* change to your preferences */
  700. white-space: nowrap !important; /* paragraph to one line */
  701. overflow:hidden !important; }
  702.  
  703. .tracklabel{-overflow: ellipsis !important; /* will make [...] at the end */
  704. width: 20px !important; /* change to your preferences */
  705. white-space: nowrap !important; /* paragraph to one line */
  706. overflow:hidden !important; }
  707.  
  708.  
  709. .caption_audio div.borderTop{
  710. padding-top:10px;
  711. border-top:1px solid {color:Post Controls Border};
  712. }
  713.  
  714. .caption{
  715. color:{color:text};
  716. }
  717.  
  718. .caption iframe
  719. {
  720. width: 100% !important;
  721. height: auto !important;
  722. }
  723.  
  724.  
  725. /* CAPTION HTML ELEMS */
  726.  
  727. {block:indexpage}
  728. .caption h1{font-size: 1.5em; margin: 0px 0px;line-height: 1.4em;}
  729. .caption h2{font-size: 1.2em; margin: 0px 0px; line-height: 1.3em;}
  730. .caption h3{font-size: 1em; line-height: 1.2em;}
  731. .caption h4{font-size: 1em;}
  732. .caption h5{font-size: 1em;}
  733. .caption h6{font-size: 1em;}
  734. {/block:indexpage}
  735.  
  736. .caption img{
  737. margin:0px auto;
  738. height:auto;
  739. {block:IndexPage}
  740.  
  741. max-width: 284px;
  742. width:expression(document.body.clientWidth > 284? "284px": "auto" );
  743. {/block:IndexPage}
  744.  
  745.  
  746.  
  747. }
  748. .tc_post_perma.caption img{
  749. max-width: 490px;
  750. width:expression(document.body.clientWidth > 500? "500px": "auto" );
  751. }
  752.  
  753.  
  754. /* video post */
  755.  
  756. .videoPost{
  757. overflow:hidden;
  758. background-color:#000000;
  759. {block:IndexPage}
  760. width: 304px;
  761. {/block:IndexPage}
  762.  
  763. }
  764. .spotify_audio_player
  765. {
  766. width:100% !important;
  767. height:80px !important;
  768. }
  769. .tumblr_video_container
  770. {
  771. margin-left:auto !important;
  772. margin-right:auto !important;
  773. height:auto !important;
  774. }
  775. {block:permalink}
  776. .tumblr_video_container
  777. {
  778. display:none;
  779. }
  780. {/block:permalink}
  781. .tumblr_video_player
  782. {
  783. height:auto;
  784. }
  785. .videoPost embed, .videoPost iframe{
  786. width:100%;
  787. }
  788.  
  789. .highlight .videoPost{width:100% !important;}
  790. .videoPost .video_large
  791. {
  792. display:none;
  793. }
  794. .videoPost .video_small
  795. {
  796. display:block;
  797. }
  798. .highlight .videoPost .video_large
  799. {
  800. display:block;
  801. }
  802. .highlight .videoPost .video_small
  803. {
  804. display:none;
  805. }
  806.  
  807. /* answer post */
  808.  
  809. .askerIcon{
  810. padding-left: 5px;
  811. padding-bottom: 7px;
  812. margin-bottom: 5px;
  813. }
  814. .askerIcon img{vertical-align:middle;}
  815. .askerIcon span{
  816. margin-left: 4px;
  817. font-size: 0.9em;
  818. color: {color:Text};
  819. }
  820. .askerIcon span a{
  821. color: {color:Text};
  822. border:0px;
  823. }
  824.  
  825. /* photoset post */
  826.  
  827. .photosetCircle:hover{
  828. background-color: {color:Post Background} !important;
  829. }
  830.  
  831. {block:IfNotPhotosetAsSlider}
  832. .photoSet{
  833. {block:IndexPage}
  834. width: 294px;
  835. {/block:IndexPage}
  836. //overflow:hidden;
  837. margin:3px auto 0px;
  838. }
  839. {/block:IfNotPhotosetAsSlider}
  840.  
  841. .tc_post_perma.photoSet{
  842. width: 500px;
  843. margin: 3px auto -3px;
  844. }
  845. #tc_post_perma .tc_photo
  846. {
  847. margin-bottom:-5px;
  848. }
  849.  
  850. .tc_caption_bubble_display{
  851. color:{color:text};
  852. position:relative;
  853. padding:15px;
  854. padding-top:10px;
  855. z-index:299;
  856. margin-top: -8px;
  857. background-color: {color:Post Background};
  858.  
  859. /* fix bottom corners */
  860. -webkit-border-bottom-right-radius: 5px;
  861. -webkit-border-bottom-left-radius: 5px;
  862. -moz-border-radius-bottomright: 5px;
  863. -moz-border-radius-bottomleft: 5px;
  864. border-bottom-right-radius: 5px;
  865. border-bottom-left-radius: 5px;
  866.  
  867. }
  868.  
  869. .photolowres
  870. {
  871. display:block;
  872. }
  873.  
  874. .photohires
  875. {
  876. display:none;
  877. }
  878.  
  879. .highlight .photoset{margin-top:1px;}
  880.  
  881.  
  882. .highlight .photolowres
  883. {
  884. display:none;
  885. }
  886.  
  887. .highlight .photohires
  888. {
  889. display:block;
  890. }
  891.  
  892.  
  893. .indexTags{position:absolute;bottom:0px;}
  894. .indexTags a.atag{margin-right: 10px;color:{color:Text}!important;border:0;}
  895.  
  896.  
  897. #pagin{display: none;}
  898.  
  899. #infscr-loading{
  900. bottom: 30px;
  901. position: fixed;
  902. left: 115px;
  903. width:43px;
  904. height:20px;
  905. }
  906. #infscr-loading div{
  907. display: none !important;
  908. visibility: hidden !important;
  909. opacity: 0 !important;
  910. }
  911.  
  912. .highlightcaption{display:none;z-index: 299;}
  913.  
  914.  
  915.  
  916.  
  917. /* permalink notes */
  918.  
  919. h4{font-weight: bold;font-size:1.3em;}
  920. .prevNext{
  921. border:0;
  922. color:{color:Text};
  923. }
  924.  
  925. .tags{color:{color:Links Hover};}
  926.  
  927. .perma_notes {width:100%;}
  928.  
  929.  
  930. .more_notes_link{
  931. color:{color:Links};
  932. margin-left:20px;
  933. margin-right:20px;
  934. }
  935.  
  936. .more_notes_link_container{
  937. margin:0;
  938. padding:0;
  939. height:30px;
  940. list-style:none;
  941. border:none;
  942. float:left;
  943. margin-right:4px;
  944. margin-bottom:4px;
  945. color:{color:Post Title};
  946. border-bottom:none !important;
  947. }
  948.  
  949. .quote_icon{
  950. position:relative;
  951. font-size:75px;
  952. width:20px;
  953. height:20px;
  954. opacity:0.2;
  955. font-weight:600;
  956. padding-right:20px;
  957.  
  958. }
  959.  
  960. .quoteIcon1{
  961. top:18px;
  962. }
  963.  
  964.  
  965. .linkIcon{
  966. bottom: 0;
  967. font-size: 6em;
  968. height: 65px;
  969. overflow: hidden;
  970. position: absolute;
  971. right: 0;
  972. width: 80px;
  973. z-index: 0;
  974. opacity: 0.2;
  975. }
  976. .linkIcon span{
  977. position: absolute;
  978. left: 0px;
  979. bottom: 0px;
  980. }
  981.  
  982.  
  983. .note more_notes_link_container li a{color:{color:Sidebar Links};}
  984. .perma_notes blockquote{display:none;}
  985.  
  986. .tipsy {padding: 5px; font-size: 10px;}
  987. .tipsy-inner {
  988. padding: 5px 8px 4px 8px;
  989. background-color: {color:Post Title Background};
  990. color: {color:Post Title};
  991. max-width: 200px;
  992. width:expression(document.body.clientWidth > 200? "200px": "auto" );
  993. text-align: center;
  994. }
  995. .tipsy-inner {-moz-border-radius:3px; -webkit-border-radius:3px;}
  996. .tipsy-north {background-position: top center;}
  997. .tipsy-south {background-position: bottom center;}
  998. .tipsy-east {background-position: right center;}
  999. .tipsy-west {background-position: left center;}
  1000.  
  1001. {block:IfDisqusID}
  1002. /* disqus */
  1003. #dsq-global-toolbar{margin-top:0px !important;}
  1004. .dsq-reply{margin-top: 10px !important;}
  1005. .dsq-comment:first-child{margin-bottom:0px !important;}
  1006. #dsq-footer{display:none;}
  1007. .post-content .post-message p{font-size: 0.9em !important;}
  1008. {/block:IfDisqusID}
  1009. #pagin {
  1010. margin:0;
  1011. margin-left: 65px;
  1012. padding: 0;
  1013. list-style: none;
  1014. margin-left:290px;
  1015. padding-top:40px;
  1016. padding-bottom:40px;
  1017. margin-bottom:40px;
  1018. }
  1019.  
  1020. #pagin li {
  1021. float: left;
  1022. margin-right: 10px;
  1023. }
  1024.  
  1025. #pagin li a {
  1026. display: block;
  1027. text-decoration: none;
  1028. color: {color:pagination};
  1029. border:1px dotted {color:pagination};
  1030. font: bold 15px Arial, sans-serif;
  1031. padding: 10px 16px;
  1032.  
  1033. -webkit-border-radius: 3px;
  1034. -moz-border-radius: 3px;
  1035. border-radius: 3px;
  1036. text-decoration:none !important;
  1037.  
  1038. }
  1039.  
  1040. #pagin li a.current {
  1041. color: white;
  1042. background-color:{color:pagination};
  1043. border:1px solid {color:pagination};
  1044.  
  1045. }
  1046.  
  1047. #pagin li a:hover {
  1048. text-decoration:none !important;
  1049. color: {color:pagination} !important;
  1050. }
  1051.  
  1052. #pagin li a:active,#pagin li a.current:active {
  1053.  
  1054. }
  1055.  
  1056. #pagin li a.current:hover {
  1057. text-decoration:none !important;
  1058. color: {color:Post Title} !important;
  1059. }
  1060.  
  1061. .hide{
  1062.  
  1063. }
  1064.  
  1065. #gifLoad{
  1066. position:absolute;
  1067. left:300px;
  1068. top: 50px;
  1069. }
  1070.  
  1071. #back-top{
  1072. position:fixed;
  1073. right:15px;
  1074. bottom:0px;
  1075. height:20px;
  1076. width:40px;
  1077. background-color:{color:Post Title Background};
  1078. padding-top:5px;
  1079. color:white;
  1080. z-index:3000;
  1081. display:none;
  1082. text-decoration:none !important;
  1083. border:none !important;
  1084. }
  1085.  
  1086. #back-top a{
  1087. display:block;
  1088. cursor:pointer;
  1089. text-align:center;
  1090. color:{color:post title};
  1091. font-family:verdana, sans serif;
  1092. text-decoration:none !important;
  1093. border:none !important;
  1094. }
  1095.  
  1096. #back-top a:hover {
  1097. text-decoration:none !important;
  1098. border:none !important;
  1099. color:{color:post title} !important;
  1100. }
  1101.  
  1102. /*++++++++++ .highlightposts ++++++++++*/
  1103. {block:IfNot1Column}
  1104.  
  1105. .tc_posts.highlight{
  1106. width: 621px;
  1107. float:left;
  1108. }
  1109.  
  1110. /* highlight audio */
  1111.  
  1112. /* if not audio album image */
  1113. .tc_posts.highlight.audioPost .audioplayercontainer,
  1114. .tc_posts.highlight.audioPost .audioHighlight,
  1115. .tc_posts.highlight.audioPost .audioimage{width:100%}
  1116.  
  1117. .tc_posts.highlight.audioPost.albumYep .permalink_links{
  1118. margin:0px;
  1119. padding: 0px 10px 10px 10px;
  1120. width: 96%;
  1121. }
  1122.  
  1123. /* if audio album image */
  1124. .tc_posts.highlight.audioPost.albumYep .audioplayercontainer,
  1125. .tc_posts.highlight.audioPost.albumYep .audioHighlight,
  1126. .tc_posts.highlight.audioPost.albumYep .audioimage{
  1127. width: 268px;
  1128. width: 310px;
  1129. float:left;
  1130. }
  1131.  
  1132. .tc_posts.highlight.audioPost.albumYep .permalink_links{
  1133. float:left;
  1134. margin:0px;
  1135. padding: 0px 10px 10px 10px;
  1136. width: 294px;
  1137. }
  1138.  
  1139. .tc_posts.highlight.audioPost .audioHighlight .tc_caption_bubble_display{margin-top:10px !important;
  1140. margin-left:10px !important;
  1141. }
  1142.  
  1143. .tc_posts.highlight.audioPost.albumYep .audioimage{margin-bottom:3px;}
  1144.  
  1145. /* highlight video */
  1146.  
  1147. .tc_posts.highlight .videoPost iframe,
  1148. .tc_posts.highlight .videoPost embed{
  1149.  
  1150.  
  1151. }
  1152.  
  1153. {/block:IfNot1Column}
  1154.  
  1155. #circleG{
  1156. width:46.666666666666664px;
  1157. position:absolute;
  1158. left:300px;
  1159. top: 50px;
  1160. }
  1161.  
  1162. .circleG{
  1163. background-color:#FFFFFF;
  1164. float:left;
  1165. height:10px;
  1166. margin-left:5px;
  1167. width:10px;
  1168. -webkit-animation-name:bounce_circleG;
  1169. -webkit-border-radius:7px;
  1170. -webkit-animation-duration:1.9500000000000002s;
  1171. -webkit-animation-iteration-count:infinite;
  1172. -webkit-animation-direction:linear;
  1173. -moz-animation-name:bounce_circleG;
  1174. -moz-border-radius:7px;
  1175. -moz-animation-duration:1.9500000000000002s;
  1176. -moz-animation-iteration-count:infinite;
  1177. -moz-animation-direction:linear;
  1178. opacity:0.3;
  1179. -o-animation-name:bounce_circleG;
  1180. border-radius:7px;
  1181. -o-animation-duration:1.9500000000000002s;
  1182. -o-animation-iteration-count:infinite;
  1183. -o-animation-direction:linear;
  1184. -ms-animation-name:bounce_circleG;
  1185. -ms-animation-duration:1.9500000000000002s;
  1186. -ms-animation-iteration-count:infinite;
  1187. -ms-animation-direction:linear;
  1188. opacity:0.3}
  1189.  
  1190. #circleG_1{
  1191. -webkit-animation-delay:0.39s;
  1192. -moz-animation-delay:0.39s;
  1193. -o-animation-delay:0.39s;
  1194. -ms-animation-delay:0.39s;
  1195. }
  1196.  
  1197. #circleG_2{
  1198. -webkit-animation-delay:0.91s;
  1199. -moz-animation-delay:0.91s;
  1200. -o-animation-delay:0.91s;
  1201. -ms-animation-delay:0.91s;
  1202. }
  1203.  
  1204. #circleG_3{
  1205. -webkit-animation-delay:1.17s;
  1206. -moz-animation-delay:1.17s;
  1207. -o-animation-delay:1.17s;
  1208. -ms-animation-delay:1.17s;
  1209. }
  1210.  
  1211. .permalink_links2
  1212. {
  1213. font-size:1.2em;
  1214.  
  1215. color:{color:post control text} !important;
  1216.  
  1217. }
  1218. .splitter_line
  1219. {
  1220.  
  1221. }
  1222.  
  1223. .permalink_links2 a{
  1224. text-transform: uppercase;
  1225. font-size:0.8em;
  1226. border-bottom: none;
  1227. color:{color:post control text} !important;
  1228. font-weight: bold;
  1229. letter-spacing: 1px;
  1230. text-decoration:none !important;
  1231.  
  1232. }
  1233. .permalink_links2 a:hover{
  1234.  
  1235. color:{color:post control text} ;
  1236. text-decoration:none !important;
  1237. }
  1238. .permalink_links2 a:visited{
  1239.  
  1240. color:{color:post control text} !important;
  1241. text-decoration:none !important;
  1242. }
  1243.  
  1244. #nav{
  1245. float:right;
  1246. }
  1247.  
  1248. #nav a{
  1249. display:block;
  1250. float:left;
  1251. margin-left:30px;
  1252. color:{color:header links};
  1253. text-transform:uppercase;
  1254. line-height:32px;
  1255. border-bottom:none;
  1256. font-size:11px;
  1257. border:none;
  1258. letter-spacing:2px;
  1259.  
  1260. }
  1261.  
  1262. #nav a:hover{
  1263. text-decoration:none;
  1264. color:{color:Links Hover};
  1265. }
  1266.  
  1267.  
  1268. #headerOuterSlideContainer {
  1269. position: fixed;
  1270. z-index:200;
  1271. bottom:-50px;
  1272. width:100%;
  1273. opacity:0.99;
  1274. background: black;
  1275.  
  1276. }
  1277. #headerSlideContainer {
  1278. z-index:200;
  1279. margin-left:auto;
  1280. margin-right:auto;
  1281. background: black;
  1282. opacity:0.99;
  1283.  
  1284.  
  1285. }
  1286. #headerSlideContent {
  1287. width: 100%;
  1288. height: 50px;
  1289. margin: 0 auto;
  1290. color: white;
  1291. opacity:0.99;
  1292.  
  1293. }
  1294.  
  1295. {block:IfShowcaptionsonhomepage}
  1296. .photosetYep
  1297. {
  1298. background-color:white !important;
  1299. }
  1300.  
  1301. {/block:IfShowcaptionsonhomepage}
  1302.  
  1303.  
  1304. {block:IfShowPostControls}
  1305. .photosetYep
  1306. {
  1307. background-color:white !important;
  1308. }
  1309.  
  1310. {/block:IfShowPostControls}
  1311.  
  1312.  
  1313. @-webkit-keyframes bounce_circleG{
  1314. 0%{
  1315. opacity:0.3}
  1316.  
  1317. 50%{
  1318. opacity:1;
  1319. background-color:#000000}
  1320.  
  1321. 100%{
  1322. opacity:0.3}
  1323.  
  1324. }
  1325.  
  1326. @-moz-keyframes bounce_circleG{
  1327. 0%{
  1328. opacity:0.3}
  1329.  
  1330. 50%{
  1331. opacity:1;
  1332. background-color:#000000}
  1333.  
  1334. 100%{
  1335. opacity:0.3}
  1336.  
  1337. }
  1338.  
  1339. @-o-keyframes bounce_circleG{
  1340. 0%{
  1341. opacity:0.3}
  1342.  
  1343. 50%{
  1344. opacity:1;
  1345. background-color:#000000}
  1346.  
  1347. 100%{
  1348. opacity:0.3}
  1349.  
  1350. }
  1351.  
  1352. @-ms-keyframes bounce_circleG{
  1353. 0%{
  1354. opacity:0.3}
  1355.  
  1356. 50%{
  1357. opacity:1;
  1358. background-color:#000000}
  1359.  
  1360. 100%{
  1361. opacity:0.3}
  1362.  
  1363.  
  1364. </style>
  1365. <style>
  1366. .sharethis {
  1367. position: absolute;
  1368. background: #FFFFFF;
  1369. color: #fff;
  1370. visibility: hidden;
  1371. opacity: 0;
  1372. width: 204px;
  1373. margin-left: -82px;
  1374. z-index:300;
  1375. }
  1376. .sharethis:before {
  1377. content: "";
  1378. position: absolute;
  1379. top: -18px;
  1380. left: 89px;
  1381. border: 10px solid transparent;
  1382. border-bottom-color: #FFFFFF;
  1383. display: block;
  1384. width: 0;
  1385.  
  1386. }
  1387. .share_block a {
  1388. font-family: "socialicoregular";
  1389. font-size: 0 !important;
  1390. margin-left: 0px;
  1391. color:#FFFFFF !important;
  1392. }
  1393. .share:hover .sharethis {
  1394. visibility: visible;
  1395. opacity: 1;
  1396. }
  1397. .share_block
  1398. {
  1399. float:left;
  1400. font-size:0 !important;
  1401. }
  1402. .share_pin
  1403. {
  1404. background-color:#cc1f25;
  1405. width:51px;
  1406. height:51px;
  1407. background-image:url(http://static.tumblr.com/ssdtkch/sE7mfqrwk/pinterest.gif);
  1408.  
  1409. }
  1410. .share_short
  1411. {
  1412. padding-top:10px !important;
  1413. width: 202px !important;
  1414. border:1px solid #CCC !important;
  1415. height:30px !important;
  1416. font-family: Helvetica, Arial, sans-serif !important !important;
  1417. background-color:#FFFFFF !important !important;
  1418. }
  1419.  
  1420. .share_short a
  1421. {
  1422. font-family: Helvetica, Arial, sans-serif !important;
  1423. background-color:#FFFFFF !important;
  1424. text-transform:lowercase !important;
  1425. font-size:10px !important;
  1426. text-align:center !important;
  1427. }
  1428. .share_twit
  1429. {
  1430. width:51px;
  1431. height:51px;
  1432. background-image:url(http://static.tumblr.com/ssdtkch/HDbmfqrvd/twitter.gif);
  1433.  
  1434. background-color:#40a1cc;
  1435. }
  1436. .share_fb
  1437. {
  1438. background-color:#35619e;
  1439. width:51px;
  1440. height:51px;
  1441. background-image:url(http://static.tumblr.com/ssdtkch/LeWmfqrx6/facebook.gif);
  1442.  
  1443. }
  1444. .share_ggl
  1445. {
  1446. background-color:#d64937;
  1447. width:51px;
  1448. height:51px;
  1449. background-image:url(http://static.tumblr.com/ssdtkch/iMNmfqrw6/google.gif);
  1450.  
  1451. }
  1452.  
  1453. #tc_post_perma .photos {
  1454. -webkit-border-top-left-radius: 0px !important;
  1455. -webkit-border-top-right-radius: 0px !important;
  1456. -moz-border-radius-topleft: 0px !important;
  1457. -moz-border-radius-topright: 0px !important;
  1458. border-top-left-radius: 0px !important;
  1459. border-top-right-radius: 0px !important;
  1460. border-bottom: solid 0px;
  1461.  
  1462. }
  1463.  
  1464. #tc_post_perma h2.title
  1465. {
  1466. border-top-right-radius: 0px !important;
  1467. border-top-left-radius: 0px !important;
  1468.  
  1469. }
  1470.  
  1471. #tc_post_perma .padding-title
  1472. {
  1473.  
  1474. width:700px;
  1475. }
  1476.  
  1477. .perma_tab_25
  1478. {
  1479. width:174px;
  1480. float:left;
  1481. border-top:1px solid #CCC;
  1482. border-bottom:1px solid #CCC;
  1483. border-right:1px solid #CCC;
  1484. height:30px;
  1485. font-size: 12px;
  1486. padding-top: 10px;
  1487. }
  1488. .perma_tab_25 p
  1489. {
  1490. text-align:center;
  1491.  
  1492. }
  1493.  
  1494. .perma_tab_25 .pictos
  1495. {
  1496. margin-right: 5px;
  1497. font-size:11px;
  1498. text-transform:lowercase;
  1499. }
  1500.  
  1501. ol.notes li.note {
  1502. border-bottom: solid 1px #ccc;
  1503. min-height:30px;
  1504. padding-top:10px;
  1505. font-family: Helvetica Neue, Arial, sans-serif;
  1506. font-size:12px;
  1507. padding-left: 30px;
  1508. padding-right: 30px;
  1509.  
  1510. }
  1511.  
  1512. ol.notes{
  1513. margin-top:20px;
  1514. }
  1515. ol.notes li.note .action{
  1516.  
  1517. }
  1518.  
  1519. .action a
  1520. {
  1521. border-bottom:none;
  1522. }
  1523.  
  1524. ol.notes li.note img.avatar {
  1525. display:none;
  1526. }
  1527.  
  1528. .perma_tab_25{
  1529.  
  1530. text-transform:uppercase;
  1531. font-family: Helvetica, Arial, sans-serif;
  1532. font-weight:bold;
  1533. font-size:10px;
  1534. color:{color:post control text};
  1535. letter-spacing:1px;
  1536. }
  1537.  
  1538. .perma_tab_25:hover{
  1539.  
  1540. background-color:{color:post control hover};
  1541. cursor:pointer;
  1542.  
  1543. }
  1544.  
  1545.  
  1546. .perma_tab_25:hover .likeheart{
  1547. color:red;
  1548. }
  1549.  
  1550. #tc_post_perma .padding-title {
  1551.  
  1552.  
  1553. }
  1554.  
  1555.  
  1556. ol.notes li.reblog a{
  1557. font-weight:500;
  1558. border-bottom:0px;
  1559. }
  1560. ol.notes li.like a{
  1561. font-weight:500;
  1562. border-bottom:0px;
  1563. }
  1564. ol.notes li.reply a{
  1565. font-weight:500;
  1566. border-bottom:0px;
  1567. }
  1568.  
  1569. #tc_post_perma .tc_photo a {
  1570. border-bottom: solid 0px;
  1571.  
  1572. }
  1573.  
  1574. ol.notes li:hover.reblog {
  1575. background: #fbfbfb url('http://static.tumblr.com/2w7y46r/3Azmeqyvg/notes_reblog.png') 665px 50% no-repeat;
  1576. }
  1577.  
  1578. ol.notes li:hover.like {
  1579. background: #fbfbfb url('http://static.tumblr.com/2w7y46r/UHNmeqyte/notes_like.png') 665px 50% no-repeat;}
  1580.  
  1581.  
  1582. ol.notes li:hover.li.more_notes_link_container {
  1583. background: #fbfbfb url('http://static.tumblr.com/2w7y46r/xqlmeqyfu/notes_more.png') 665px 50% no-repeat;}
  1584.  
  1585.  
  1586.  
  1587.  
  1588.  
  1589.  
  1590. ol.notes blockquote a {
  1591. border-left: 0px solid !important;
  1592. text-decoration: none;
  1593. color:{color:Text};
  1594. font-weight:normal !important;
  1595.  
  1596. }
  1597.  
  1598.  
  1599.  
  1600. ol.notes li.more_notes_link_container a{
  1601. font-weight:500;
  1602. border-bottom:0px;
  1603. padding-left:10px;
  1604. color:{color:text};
  1605. }
  1606.  
  1607. .source {
  1608. color:{color:Post Control Text};
  1609. border-bottom:0px;
  1610. }
  1611. .source:hover{
  1612. color:{color:Post Control Text} !important;
  1613. border-bottom:0px;
  1614. }
  1615.  
  1616. .time:hover{
  1617. background-color:{color:post background};
  1618. -moz-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0) !important;
  1619. -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0)!important;
  1620. box-shadow: inset 0 0 0px rgba(0, 0, 0, 0)!important;
  1621. }
  1622.  
  1623.  
  1624. .linkicon:hover{
  1625.  
  1626. background-color:{color:post title background};
  1627.  
  1628. }
  1629.  
  1630. .leftarrow{
  1631. -webkit-transition-timing-function: ease-in;
  1632. -webkit-transition-duration: 100ms;
  1633. position:fixed;
  1634. top:50%;
  1635. left:-10px;
  1636. width:53px;
  1637. height:91px;
  1638. opacity:0.5;
  1639. background:#fff url('http://static.tumblr.com/ssdtkch/IjSmesf4m/slide_arrow_left.png') center no-repeat;
  1640. margin-top:-30px;
  1641. cursor:pointer;
  1642. z-index:9999999;
  1643.  
  1644. }
  1645. .rightarrow{
  1646. -webkit-transition-timing-function: ease-in;
  1647. -webkit-transition-duration: 100ms;
  1648. position:fixed;
  1649. top:50%;
  1650. right:-10px;
  1651. width:53px;
  1652. height:91px;
  1653. opacity:0.5;
  1654. background:#fff url('http://static.tumblr.com/ssdtkch/bzymesf56/slide_arrow_right.png') center no-repeat;
  1655. margin-top:-30px;
  1656. cursor:pointer;
  1657. z-index:9999999;
  1658.  
  1659. }
  1660.  
  1661. .rightarrow:hover{opacity:1; right:0px; -webkit-transition-timing-function: ease-in;
  1662. -webkit-transition-duration: 100ms;}
  1663. .leftarrow:hover{opacity:1; left:0px; -webkit-transition-timing-function: ease-in;
  1664. -webkit-transition-duration: 100ms;}
  1665.  
  1666.  
  1667.  
  1668.  
  1669. .grayscale .tc_photo img{
  1670. -webkit-filter: grayscale(1);
  1671. }
  1672.  
  1673. .sepia .tc_photo img{
  1674. -webkit-filter: sepia(100%);
  1675. }
  1676.  
  1677. #footer {
  1678. position:absolute;
  1679. bottom:0;
  1680. width:100%;
  1681. height:60px; /* Height of the footer */
  1682. background:#6cf;
  1683. }
  1684. .tc_photo
  1685. {
  1686.  
  1687. }
  1688. .photo_has_caption
  1689. {
  1690. margin-bottom:0;
  1691. }
  1692.  
  1693. .tc_posts div.padding{
  1694. padding:15px !important;
  1695.  
  1696. }
  1697.  
  1698. .caption_audio{
  1699. padding:0px 15px 15px;
  1700. }
  1701.  
  1702.  
  1703.  
  1704. .pictos:hover{
  1705. -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.04);
  1706. -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.04);
  1707. box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.04);}
  1708.  
  1709. .pictos a:hover{
  1710. -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0);
  1711. -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0);
  1712. box-shadow: inset 0 0 2px rgba(0, 0, 0, 0);}
  1713.  
  1714.  
  1715. .top_bar{ background-size: 100%;}
  1716.  
  1717.  
  1718.  
  1719.  
  1720. #back-top{
  1721. position:fixed;
  1722. right:15px;
  1723. bottom:0px;
  1724. height:20px;
  1725. width:50px;
  1726. background-color:{color:post border};
  1727. padding-top:5px;
  1728. color:white;
  1729. z-index:3000;
  1730. display:none;
  1731. text-decoration:none !important;
  1732. border:none !important;
  1733. }
  1734.  
  1735. #back-top a{
  1736. display:block;
  1737. cursor:pointer;
  1738. text-align:center;
  1739. color:{color:post title};
  1740. font-family:verdana, sans serif;
  1741. text-decoration:none !important;
  1742. border:none !important;
  1743. }
  1744.  
  1745. #back-top a:hover {
  1746. text-decoration:none !important;
  1747. border:none !important;
  1748. color:{color:post title} !important;
  1749. }
  1750.  
  1751. iframe#tumblr_controls{right:115px !important;}
  1752.  
  1753. .social_icons{opacity:1 !important;}
  1754. .answer_form_container iframe
  1755. {
  1756. height:75px !important;
  1757. }
  1758.  
  1759. #infscr-loading{
  1760. bottom: 30px;
  1761. position: fixed;
  1762. left: 50%;
  1763. width: 43px;
  1764. height: 20px;
  1765. margin-left: -21px;
  1766. }
  1767. #infscr-loading div{
  1768. display: none !important;
  1769. }
  1770.  
  1771. {block:iffixheader}
  1772. .top_bar_outer
  1773. {
  1774. z-index:300 !Important;
  1775. }
  1776. a.btn {
  1777. z-index:301 !important;
  1778. }
  1779. #tumblr_controls {
  1780. z-index:301 !important;
  1781. }
  1782. {/block:iffixheader}
  1783.  
  1784. .post_tags_photo
  1785. {
  1786. font-size: 10px;
  1787. text-transform: lowercase;
  1788. margin:0px 15px 15px 15px;
  1789. margin-bottom:10px;
  1790. }
  1791.  
  1792. .post_tags_photo a
  1793. {
  1794. border-bottom:none;
  1795.  
  1796. opacity: 0.5;
  1797.  
  1798. display: inline-block;
  1799. font-size: 12px;
  1800. line-height: 14px;
  1801. color: {color:text};
  1802. white-space: nowrap;
  1803. vertical-align: baseline;
  1804. margin-bottom:4px;
  1805. }
  1806.  
  1807.  
  1808. .post_tags_photo a:hover
  1809. {
  1810. opacity: 0.9 !important;
  1811. color: {color:text} !important;
  1812. }
  1813.  
  1814. #tc_post_perma .post_tags_photo
  1815. {
  1816. margin:20px;
  1817. margin-left:35px;
  1818. margin-right:35px;
  1819. }
  1820.  
  1821. .search{
  1822. color:{color:header links} !important;
  1823. font-family: PictosRegular;
  1824. line-height: 100%;
  1825. margin-left: 20px;
  1826. border: none;
  1827. float:right:
  1828. width:20px;
  1829. height:30px;
  1830. vertical-align:20%;
  1831. }
  1832.  
  1833. .search:hover{
  1834. color:#44bbff !important;
  1835. border: none;
  1836.  
  1837. }
  1838. #searchboc_cont{
  1839. display:none;
  1840. }
  1841. #searchbox input[type="text"] {
  1842.  
  1843. font: bold 12px Arial,Helvetica,Sans-serif;
  1844. background-color:transparent;
  1845. border:none;
  1846. width:150px;
  1847. border-bottom:1px solid {color:header links};
  1848. color:{color:header links};
  1849. float:right;
  1850. font-weight:normal;
  1851. }
  1852.  
  1853. ::-webkit-input-placeholder {
  1854. color: #FFF;
  1855. }
  1856. :-moz-placeholder,
  1857. ::-moz-placeholder {
  1858. color: #FFF;
  1859. }
  1860. :-ms-input-placeholder {
  1861. color: #FFF;
  1862. }
  1863. /* iPad [portrait + landscape] */
  1864. @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  1865. #tc_posts_container
  1866. {
  1867. width:1150px !important;
  1868. }
  1869. }
  1870.  
  1871. /* iPhone [portrait + landscape] */
  1872. @media only screen and (max-device-width: 480px) {
  1873. #tc_posts_container
  1874. {
  1875. width:1150px !important;
  1876. }
  1877. }
  1878. </style>
  1879. <style>
  1880. @import url(http://surface.tcs3.co.uk/themes/surface/override.css);
  1881. </style>
  1882.  
  1883. </head>
  1884.  
  1885. <body onload="javascript:Validd()">
  1886.  
  1887.  
  1888. <div class="top_bar_outer">
  1889. <div class="top_bar">
  1890. <div class="top_bar_inner">
  1891. <div class="top_bar_left" >
  1892. {block:iflogoimage}<a class="logo" href="/"><img class="logo" src="{image:logo}"/></a>{/block:iflogoimage}
  1893. {block:ifnotlogoimage}
  1894.  
  1895. {block:ifBlogTitleA}
  1896. <div><a class="blog_title" href="/">{title}</a></div>
  1897. {/block:ifBlogTitleA}
  1898. {block:ifBlogTitleB}
  1899. <div><a class="blog_title_b" href="/">{title}</a></div>
  1900. {/block:ifBlogTitleB}
  1901.  
  1902. {block:ifnotlogoimage}
  1903. </div>
  1904. <div class="top_bar_right">
  1905. <div class="top_menu">
  1906. <div id="nav">
  1907.  
  1908. {block:AskEnabled}<a class="various3" href="/ask">MESSAGE</a>{/block:AskEnabled}
  1909. {block:SubmissionsEnabled}<a href="/submit">SUBMIT</a> {/block:SubmissionsEnabled}
  1910.  
  1911. {block:ifarchivelink}<a href="/archive">ARCHIVE</a>{/block:ifarchivelink}
  1912. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  1913.  
  1914.  
  1915. </div>
  1916.  
  1917. </div>
  1918.  
  1919. <div style="clear:right;"></div>
  1920.  
  1921. {block:iffacebookusername}<a target="_blank" class="social_icons face" href="https://www.facebook.com/{text:facebook username}">f</a>{/block:iffacebookusername}
  1922. {block:iftwitterusername} <a target="_blank" class="social_icons twit" href="https://twitter.com/{text:twitter username}">l</a>{/block:iftwitterusername}
  1923. {block:ifdribbbleusername}<a target="_blank" class="social_icons drib" href="http://dribbble.com/{text:dribbble username}">d</a>{/block:ifdribbbleusername}
  1924.  
  1925. {block:ifyoutubeusername}<a target="_blank" class="social_icons you" href="http://www.youtube.com/user/{text:youtube username}">X</a>{/block:ifyoutubeusername}
  1926.  
  1927. {block:ifvimeousername}<a target="_blank" class="social_icons vimeo" href="http://vimeo.com/{text:vimeo username}">V</a>{/block:ifvimeousername}
  1928. {block:ifflickrusername}<a target="_blank" class="social_icons flickr" href="https://www.flickr.com/photos/{text:flickr username}">N</a>{/block:ifflickrusername}
  1929. {block:ifskypeusername}<a target="_blank" class="social_icons skype" href="skype:{text:Skype username}?chat">H</a>{/block:ifskypeusername}
  1930.  
  1931. {block:ifrsslink}<a target="_blank" class="social_icons rss" href="/rss">R</a>{/block:ifrsslink}
  1932. {block:ifshowsearch}<a onclick="javascript:$('#searchboc_cont').fadeToggle();" class="search" style="cursor:pointer;">s</a>{/block:ifshowsearch}
  1933.  
  1934.  
  1935. <div style="clear:left;"></div>
  1936. <div id="searchboc_cont" style="float:right;display:none;">
  1937. <form method="get" action="/search" id="searchbox" style="float:right;">
  1938. <input name="q" type="text" size="40" value="{SearchQuery}"/>
  1939.  
  1940.  
  1941. </form>
  1942.  
  1943.  
  1944. </div>
  1945.  
  1946. </div>
  1947. </div>
  1948. </div>
  1949. </div>
  1950.  
  1951.  
  1952.  
  1953. </div>
  1954.  
  1955. <div id="tc_posts_container">
  1956.  
  1957. <div class="tc_posts_wrapper" id="tc_posts_wrapper_id">
  1958.  
  1959.  
  1960.  
  1961. {block:Posts}
  1962. {block:PermalinkPage}
  1963. <div id="tc_post_perma">
  1964. {/block:PermalinkPage}
  1965.  
  1966. <div class="tc_posts {block:indexpage}{block:HasTags}{block:Tags}{tag} {/block:Tags}{/block:HasTags} done kanes_shadow tc_photo_round_bottom {block:IfShowPostControls} remove_rounded_bottom_img {/block:IfShowPostControls}{block:IfShowcaptionsonhomepage}{block:Caption} remove_rounded_bottom_img {/block:Caption}{/block:IfShowcaptionsonhomepage}{/block:indexpage} {block:Audio}audioPost {block:AlbumArt}albumYep{/block:AlbumArt} {/block:Audio}" id="tc_post_{PostID}" style="{block:PermalinkPage}width:700px;margin:0 !important;{/block:PermalinkPage}">
  1967.  
  1968.  
  1969. {block:Text}
  1970. {block:Title}
  1971. <div class="padding-title">
  1972. <h2 class="title"><a onclick="PopPerma('{Permalink}','{URLEncodedPermalink}','{PostID}','{reblogURL}')" style="cursor:pointer" class="linkTitle">{Title}</a></h2>
  1973. </div>
  1974. {/block:Title}
  1975. <div class="caption padding">{Body}</div>
  1976. {block:IfShowTags}
  1977.  
  1978. {block:HasTags}
  1979. <div class="post_tags_photo">
  1980.  
  1981. {block:Tags}
  1982.  
  1983. <a href="{TagURL}">#{Tag}</a>  
  1984.  
  1985. {/block:Tags}
  1986.  
  1987. </div>
  1988. {/block:HasTags}
  1989.  
  1990. {/block:IfShowTags}
  1991. {block:IndexPage}
  1992.  
  1993. {block:ifShowPostControls}
  1994. <div class="splitter_line" style="border-top:1px solid {color:post controls border};"></div>
  1995. <div class="permalink_links2">
  1996. <div class="pictos time" style="font-weight:500; padding-left: 12px; font-size:12px;float:left;">
  1997. <div style="margin-top:9px;margin-left:5px;float:left;">{block:ifnotshownotecount}t{/block:ifnotshownotecount}{block:ifshownotecount}k{/block:ifshownotecount}</div></div><div style="float:left; margin-top:8px;cursor:pointer;"><a style=" padding-left:{block:ifnotshownotecount}3px{block:ifnotshownotecount}{block:ifshownotecount}7px{/block:ifshownotecount};font-size:10px;" onclick="PopPerma('{Permalink}','{URLEncodedPermalink}','{PostID}','{reblogURL}')" target="_blank">{block:ifnotshownotecount} {TimeAgo}{/block:ifnotshownotecount}{block:ifshownotecount} {NoteCountWithLabel}{/block:ifshownotecount}</a></div>
  1998.  
  1999. <div class="right">
  2000. <div class="pictos" style="font-weight:500; font-size:14px;border-left:1px solid {color:post controls border};float:left;width:35px;height:38px;text-align:center;" >
  2001.  
  2002. <div style="margin-top:9px">
  2003.  
  2004. <a target="_blank" class="pictos reblog_icon2"style="font-size:14px;font-weight:500;" href="http://www.themecloud.co/themes/Escape/reblog.asp?q={ReblogURL}">1</a></div></div>
  2005.  
  2006.  
  2007. <div class="pictos heart" style="font-weight:normal;font-size:14px;float:left;border-left:1px solid {color:post controls border};width:35px;height:38px;text-align:center;">
  2008.  
  2009. <div style="margin-top:9px;" class="heart_icon2">
  2010. <a style="text-transform:lowercase;font-size:14px;font-weight:500;" class="pictos heart_icon2" href="javascript:void(0);" rel="{ReblogURL}" id="{PostID}">k</a></div>
  2011.  
  2012.  
  2013. </div>
  2014.  
  2015.  
  2016.  
  2017. <div class="pictos" style="font-weight:normal; font-size:14px;float:left;width:35px;height:38px;border-left:1px solid {color:post controls border};text-align:center;">
  2018. <div style="margin-top:9px;cursor:pointer;" class="share"><a style="font-size:14px;font-weight:500;" target="_blank">&</a>
  2019. <div class="sharethis">
  2020. <div class="share_short">
  2021. <a href="{ShortURL}">{ShortURL}</a>
  2022. </div>
  2023. <a href="http://pinterest.com/pin/create/button/?url={Permalink}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"><div class="share_pin share_block">l</div></a>
  2024.  
  2025. <a onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;" href="http://www.facebook.com/share.php?u=\{Permalink}"><div class="share_fb share_block">f</div></a>
  2026.  
  2027.  
  2028. <a href="http://twitter.com/share?url={Permalink}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=280,width=600');return false;"><div class="share_twit share_block">l</div></a>
  2029.  
  2030. <a href="https://plus.google.com/share?url={Permalink}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"> <div class="share_ggl share_block">g</div></a>
  2031. </div>
  2032.  
  2033.  
  2034. </div>
  2035.  
  2036. </div>
  2037.  
  2038. </div>
  2039. </div>
  2040. {/block:ifShowPostControls}
  2041.  
  2042. {/block:IndexPage}
  2043. {/block:Text}
  2044.  
  2045.  
  2046. {block:Answer}
  2047. <div class="padding-title" style="padding-top:5px;">
  2048. <div class="askerIcon" style="padding:0;padding-left:12px;padding-top: 10px;margin-bottom:0;">
  2049. <span><i>{Asker} said</i></span>
  2050. </div>
  2051. <h2 class="title" style="padding-top:0 !important;"><a onclick="PopPerma('{Permalink}','{URLEncodedPermalink}','{PostID}','{reblogURL}')" style="cursor:pointer" class="linkTitle">{Question}</a></h2>
  2052. </div>
  2053. <div class="padding">
  2054.  
  2055. <div class="splitter_line" style="border-top:1px solid {color:post controls border}; margin-left:-15px;"></div>
  2056.  
  2057. <div class="caption" style="padding-top:15px;">
  2058. {Answer}
  2059. </div>
  2060.  
  2061. </div>
  2062. {block:IfShowTags}
  2063.  
  2064. {block:HasTags}
  2065. <div class="post_tags_photo">
  2066.  
  2067. {block:Tags}
  2068.  
  2069. <a href="{TagURL}">#{Tag}</a>  
  2070.  
  2071. {/block:Tags}
  2072.  
  2073. </div>
  2074. {/block:HasTags}
  2075.  
  2076. {/block:IfShowTags}
  2077. {block:IndexPage}
  2078.  
  2079.  
  2080. {block:ifShowPostControls}
  2081. <div class="splitter_line" style="border-top:1px solid {color:post controls border};"></div>
  2082. <div class="permalink_links2">
  2083. <div class="pictos time" style="font-weight:500; padding-left: 12px; font-size:12px;float:left;">
  2084. <div style="margin-top:9px;margin-left:5px;float:left;">{block:ifnotshownotecount}t{/block:ifnotshownotecount}{block:ifshownotecount}k{/block:ifshownotecount}</div></div><div style="float:left; margin-top:8px;cursor:pointer;"><a style=" padding-left:{block:ifnotshownotecount}3px{block:ifnotshownotecount}{block:ifshownotecount}7px{/block:ifshownotecount};font-size:10px;" onclick="PopPerma('{Permalink}','{URLEncodedPermalink}','{PostID}','{reblogURL}')" target="_blank">{block:ifnotshownotecount} {TimeAgo}{/block:ifnotshownotecount}{block:ifshownotecount} {NoteCountWithLabel}{/block:ifshownotecount}</a></div>
  2085.  
  2086. <div class="right">
  2087. <div class="pictos" style="font-weight:500; font-size:14px;border-left:1px solid {color:post controls border};float:left;width:35px;height:38px;text-align:center;" >
  2088.  
  2089. <div style="margin-top:9px">
  2090.  
  2091. <a target="_blank" class="pictos reblog_icon2"style="font-size:14px;font-weight:500;" href="http://www.themecloud.co/themes/Escape/reblog.asp?q={ReblogURL}">1</a></div></div>
  2092.  
  2093.  
  2094. <div class="pictos heart" style="font-weight:normal;font-size:14px;float:left;border-left:1px solid {color:post controls border};width:35px;height:38px;text-align:center;">
  2095.  
  2096. <div style="margin-top:9px;" class="heart_icon2">
  2097. <a style="text-transform:lowercase;font-size:14px;font-weight:500;" class="pictos heart_icon2" href="javascript:void(0);" rel="{ReblogURL}" id="{PostID}">k</a></div>
  2098.  
  2099.  
  2100. </div>
  2101.  
  2102.  
  2103.  
  2104. <div class="pictos" style="font-weight:normal; font-size:14px;float:left;width:35px;height:38px;border-left:1px solid {color:post controls border};text-align:center;">
  2105. <div style="margin-top:9px;cursor:pointer;" class="share"><a style="font-size:14px;font-weight:500;" target="_blank">&</a>
  2106. <div class="sharethis">
  2107. <div class="share_short">
  2108. <a href="{ShortURL}">{ShortURL}</a>
  2109. </div>
  2110. <a href="http://pinterest.com/pin/create/button/?url={Permalink}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"><div class="share_pin share_block">l</div></a>
  2111.  
  2112. <a onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;" href="http://www.facebook.com/share.php?u=\{Permalink}"><div class="share_fb share_block">f</div></a>
  2113.  
  2114.  
  2115. <a href="http://twitter.com/share?url={Permalink}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=280,width=600');return false;"><div class="share_twit share_block">l</div></a>
  2116.  
  2117. <a href="https://plus.google.com/share?url={Permalink}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"> <div class="share_ggl share_block">g</div></a>
  2118. </div>
  2119.  
  2120.  
  2121. </div>
  2122.  
  2123. </div>
  2124.  
  2125. </div>
  2126. </div>
  2127. {/block:ifShowPostControls}
  2128.  
  2129. {/block:IndexPage}
  2130. {/block:Answer}
  2131.  
  2132.  
  2133.  
  2134.  
  2135.  
  2136.  
  2137. {block:Link}
  2138. <div class="padding-title">
  2139. <h2 class="title link">
  2140. <a href="{URL}" {Target}>{Name}</a>
  2141. </h2>
  2142. </div>
  2143. <div class="caption padding">{Description}</div>
  2144. {block:IfShowTags}
  2145.  
  2146. {block:HasTags}
  2147. <div class="post_tags_photo">
  2148.  
  2149. {block:Tags}
  2150.  
  2151. <a href="{TagURL}">#{Tag}</a>  
  2152.  
  2153. {/block:Tags}
  2154.  
  2155. </div>
  2156. {/block:HasTags}
  2157.  
  2158. {/block:IfShowTags}
  2159.  
  2160. {block:IndexPage}
  2161.  
  2162. {block:ifShowPostControls}
  2163. <div class="splitter_line" style="border-top:1px solid {color:post controls border};"></div>
  2164. <div class="permalink_links2">
  2165. <div class="pictos time" style="font-weight:500; padding-left: 12px; font-size:12px;float:left;">
  2166. <div style="margin-top:9px;margin-left:5px;float:left;">{block:ifnotshownotecount}t{/block:ifnotshownotecount}{block:ifshownotecount}k{/block:ifshownotecount}</div></div><div style="float:left; margin-top:8px;cursor:pointer;"><a style=" padding-left:{block:ifnotshownotecount}3px{block:ifnotshownotecount}{block:ifshownotecount}7px{/block:ifshownotecount};font-size:10px;" onclick="PopPerma('{Permalink}','{URLEncodedPermalink}','{PostID}','{reblogURL}')" target="_blank">{block:ifnotshownotecount} {TimeAgo}{/block:ifnotshownotecount}{block:ifshownotecount} {NoteCountWithLabel}{/block:ifshownotecount}</a></div>
  2167.  
  2168. <div class="right">
  2169. <div class="pictos" style="font-weight:500; font-size:14px;border-left:1px solid {color:post controls border};float:left;width:35px;height:38px;text-align:center;" >
  2170.  
  2171. <div style="margin-top:9px">
  2172.  
  2173. <a target="_blank" class="pictos reblog_icon2"style="font-size:14px;font-weight:500;" href="http://www.themecloud.co/themes/Escape/reblog.asp?q={ReblogURL}">1</a></div></div>
  2174.  
  2175.  
  2176. <div class="pictos heart" style="font-weight:normal;font-size:14px;float:left;border-left:1px solid {color:post controls border};width:35px;height:38px;text-align:center;">
  2177.  
  2178. <div style="margin-top:9px;" class="heart_icon2">
  2179. <a style="text-transform:lowercase;font-size:14px;font-weight:500;" class="pictos heart_icon2" href="javascript:void(0);" rel="{ReblogURL}" id="{PostID}">k</a></div>
  2180.  
  2181.  
  2182. </div>
  2183.  
  2184.  
  2185.  
  2186. <div class="pictos" style="font-weight:normal; font-size:14px;float:left;width:35px;height:38px;border-left:1px solid {color:post controls border};text-align:center;">
  2187. <div style="margin-top:9px;cursor:pointer;" class="share"><a style="font-size:14px;font-weight:500;" target="_blank">&</a>
  2188. <div class="sharethis">
  2189. <div class="share_short">
  2190. <a href="{ShortURL}">{ShortURL}</a>
  2191. </div>
  2192. <a href="http://pinterest.com/pin/create/button/?url={Permalink}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"><div class="share_pin share_block">l</div></a>
  2193.  
  2194. <a onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;" href="http://www.facebook.com/share.php?u=\{Permalink}"><div class="share_fb share_block">f</div></a>
  2195.  
  2196.  
  2197. <a href="http://twitter.com/share?url={Permalink}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=280,width=600');return false;"><div class="share_twit share_block">l</div></a>
  2198.  
  2199. <a href="https://plus.google.com/share?url={Permalink}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"> <div class="share_ggl share_block">g</div></a>
  2200. </div>
  2201.  
  2202.  
  2203. </div>
  2204.  
  2205. </div>
  2206.  
  2207. </div>
  2208. </div>
  2209. {/block:ifShowPostControls}
  2210.  
  2211. {/block:IndexPage}
  2212. {block:Link}
  2213.  
  2214.  
  2215.  
  2216.  
  2217.  
  2218.  
  2219.  
  2220. {block:Photo}
  2221. <div class="padding-title">
  2222. <div class="tc_photo done {block:Caption}photo_has_caption{/block:Caption} ">
  2223.  
  2224.  
  2225.  
  2226.  
  2227. <a onclick="PopPerma('{Permalink}','{URLEncodedPermalink}','{PostID}','{reblogURL}')" style="cursor:pointer" class="perma_click" target="_blank">
  2228.  
  2229. {block:IndexPage}
  2230.  
  2231.  
  2232. <img border="0" class="preload photos photoPost photolowres {block:IfNotShowcaptionsonhomepage}{block:IfNotShowPostControls}tc_photo_round_bottom{/block:IfNotShowPostControls}{/block:IfNotShowcaptionsonhomepage}" src="{PhotoURL-500}"/>
  2233. <img border="0" class="preload photos photohires photoPost {block:IfNotShowcaptionsonhomepage}{block:IfNotShowPostControls}tc_photo_round_bottom{/block:IfNotShowPostControls}{/block:IfNotShowcaptionsonhomepage}" src="{PhotoURL-HighRes}"/>
  2234.  
  2235.  
  2236. {/block:IndexPage}
  2237. {block:permalinkpage}{LinkOpenTag}<img border="0" class="preload photos " src="{PhotoURL-HighRes}"/> {LinkCloseTag}{/block:permalinkpage}
  2238.  
  2239. </a>
  2240.  
  2241. </div>
  2242. </div>
  2243. {block:IndexPage}
  2244. {block:IfShowcaptionsonhomepage}
  2245. {block:Caption}
  2246. <div class="caption padding tc_caption_bubble_display">
  2247. {Caption}
  2248. </div>
  2249. {/block:Caption}
  2250. {/block:IfShowcaptionsonhomepage}
  2251. {/block:IndexPage}
  2252. {block:IfShowTags}
  2253.  
  2254. {block:HasTags}
  2255. <div class="post_tags_photo">
  2256.  
  2257. {block:Tags}
  2258.  
  2259. <a href="{TagURL}">#{Tag}</a>  
  2260.  
  2261. {/block:Tags}
  2262.  
  2263. </div>
  2264. {/block:HasTags}
  2265.  
  2266. {/block:IfShowTags}
  2267.  
  2268. {block:IndexPage}
  2269.  
  2270. {block:ifShowPostControls}
  2271. <div class="splitter_line" style="border-top:1px solid {color:post controls border};"></div>
  2272. <div class="permalink_links2">
  2273. <div class="pictos time" style="font-weight:500; padding-left: 12px; font-size:12px;float:left;">
  2274. <div style="margin-top:9px;margin-left:5px;float:left;">{block:ifnotshownotecount}t{/block:ifnotshownotecount}{block:ifshownotecount}k{/block:ifshownotecount}</div></div><div style="float:left; margin-top:8px;cursor:pointer;"><a style=" padding-left:{block:ifnotshownotecount}3px{block:ifnotshownotecount}{block:ifshownotecount}7px{/block:ifshownotecount};font-size:10px;" onclick="PopPerma('{Permalink}','{URLEncodedPermalink}','{PostID}','{reblogURL}')" target="_blank">{block:ifnotshownotecount} {TimeAgo}{/block:ifnotshownotecount}{block:ifshownotecount} {NoteCountWithLabel}{/block:ifshownotecount}</a></div>
  2275.  
  2276. <div class="right">
  2277. <div class="pictos" style="font-weight:500; font-size:14px;border-left:1px solid {color:post controls border};float:left;width:35px;height:38px;text-align:center;" >
  2278.  
  2279. <div style="margin-top:9px">
  2280.  
  2281. <a target="_blank" class="pictos reblog_icon2"style="font-size:14px;font-weight:500;" href="http://www.themecloud.co/themes/Escape/reblog.asp?q={ReblogURL}">1</a></div></div>
  2282.  
  2283.  
  2284. <div class="pictos heart" style="font-weight:normal;font-size:14px;float:left;border-left:1px solid {color:post controls border};width:35px;height:38px;text-align:center;">
  2285.  
  2286. <div style="margin-top:9px;" class="heart_icon2">
  2287. <a style="text-transform:lowercase;font-size:14px;font-weight:500;" class="pictos heart_icon2" href="javascript:void(0);" rel="{ReblogURL}" id="{PostID}">k</a></div>
  2288.  
  2289.  
  2290. </div>
  2291.  
  2292.  
  2293.  
  2294. <div class="pictos" style="font-weight:normal; font-size:14px;float:left;width:35px;height:38px;border-left:1px solid {color:post controls border};text-align:center;">
  2295. <div style="margin-top:9px;cursor:pointer;" class="share"><a style="font-size:14px;font-weight:500;" target="_blank">&</a>
  2296. <div class="sharethis">
  2297. <div class="share_short">
  2298. <a href="{ShortURL}">{ShortURL}</a>
  2299. </div>
  2300. <a href="http://pinterest.com/pin/create/button/?url={Permalink}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"><div class="share_pin share_block">l</div></a>
  2301.  
  2302. <a onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;" href="http://www.facebook.com/share.php?u=\{Permalink}"><div class="share_fb share_block">f</div></a>
  2303.  
  2304.  
  2305. <a href="http://twitter.com/share?url={Permalink}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=280,width=600');return false;"><div class="share_twit share_block">l</div></a>
  2306.  
  2307. <a href="https://plus.google.com/share?url={Permalink}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"> <div class="share_ggl share_block">g</div></a>
  2308. </div>
  2309.  
  2310.  
  2311. </div>
  2312.  
  2313. </div>
  2314.  
  2315. </div>
  2316. </div>
  2317. {/block:ifShowPostControls}
  2318.  
  2319.  
  2320.  
  2321.  
  2322.  
  2323.  
  2324. {/block:IndexPage}
  2325. {block:PermalinkPage}
  2326.  
  2327. {block:Caption}
  2328. <div class="caption padding tc_caption_bubble_display">
  2329. {Caption}
  2330. </div>
  2331. {/block:Caption}
  2332.  
  2333. {/block:PermalinkPage}
  2334. {/block:Photo}
  2335.  
  2336.  
  2337.  
  2338.  
  2339.  
  2340.  
  2341.  
  2342. {block:Photoset}
  2343. <div class="padding-title">
  2344. {block:IndexPage}
  2345.  
  2346. <div class="photoSet done {block:IfNotShowcaptionsonhomepage}{block:IfNotShowPostControls}tc_photo_round_bottom{/block:IfNotShowPostControls}{/block:IfNotShowcaptionsonhomepage}">
  2347. {Photoset-250}
  2348. </div>
  2349.  
  2350.  
  2351.  
  2352. {/block:IndexPage}
  2353.  
  2354. {block:PermalinkPage}
  2355. <div class="photoSet">{Photoset-700}</div>
  2356. {block:Caption}
  2357. <div class="caption padding tc_caption_bubble_display">
  2358. {Caption}
  2359. </div>
  2360. {/block:Caption}
  2361. {/block:PermalinkPage}
  2362. </div>
  2363. {block:IndexPage}
  2364. {block:IfShowcaptionsonhomepage}
  2365. {block:Caption}
  2366. <div class="caption padding tc_caption_bubble_display">
  2367. {Caption}
  2368. </div>
  2369. {/block:Caption}
  2370. {/block:IfShowcaptionsonhomepage}
  2371. {/block:IndexPage}
  2372. {block:IfShowTags}
  2373.  
  2374. {block:HasTags}
  2375. <div class="post_tags_photo">
  2376.  
  2377. {block:Tags}
  2378.  
  2379. <a href="{TagURL}">#{Tag}</a>  
  2380.  
  2381. {/block:Tags}
  2382.  
  2383. </div>
  2384. {/block:HasTags}
  2385.  
  2386. {/block:IfShowTags}
  2387.  
  2388. {block:IndexPage}
  2389.  
  2390. {block:ifShowPostControls}
  2391. <div class="splitter_line" style="border-top:1px solid {color:post controls border};"></div>
  2392. <div class="permalink_links2">
  2393. <div class="pictos time" style="font-weight:500; padding-left: 12px; font-size:12px;float:left;">
  2394. <div style="margin-top:9px;margin-left:5px;float:left;">{block:ifnotshownotecount}t{/block:ifnotshownotecount}{block:ifshownotecount}k{/block:ifshownotecount}</div></div><div style="float:left; margin-top:8px;cursor:pointer;"><a style=" padding-left:{block:ifnotshownotecount}3px{block:ifnotshownotecount}{block:ifshownotecount}7px{/block:ifshownotecount};font-size:10px;" onclick="PopPerma('{Permalink}','{URLEncodedPermalink}','{PostID}','{reblogURL}')" target="_blank">{block:ifnotshownotecount} {TimeAgo}{/block:ifnotshownotecount}{block:ifshownotecount} {NoteCountWithLabel}{/block:ifshownotecount}</a></div>
  2395.  
  2396. <div class="right">
  2397. <div class="pictos" style="font-weight:500; font-size:14px;border-left:1px solid {color:post controls border};float:left;width:35px;height:38px;text-align:center;" >
  2398.  
  2399. <div style="margin-top:9px">
  2400.  
  2401. <a target="_blank" class="pictos reblog_icon2"style="font-size:14px;font-weight:500;" href="http://www.themecloud.co/themes/Escape/reblog.asp?q={ReblogURL}">1</a></div></div>
  2402.  
  2403.  
  2404. <div class="pictos heart" style="font-weight:normal;font-size:14px;float:left;border-left:1px solid {color:post controls border};width:35px;height:38px;text-align:center;">
  2405.  
  2406. <div style="margin-top:9px;" class="heart_icon2">
  2407. <a style="text-transform:lowercase;font-size:14px;font-weight:500;" class="pictos heart_icon2" href="javascript:void(0);" rel="{ReblogURL}" id="{PostID}">k</a></div>
  2408.  
  2409.  
  2410. </div>
  2411.  
  2412.  
  2413.  
  2414. <div class="pictos" style="font-weight:normal; font-size:14px;float:left;width:35px;height:38px;border-left:1px solid {color:post controls border};text-align:center;">
  2415. <div style="margin-top:9px;cursor:pointer;" class="share"><a style="font-size:14px;font-weight:500;" target="_blank">&</a>
  2416. <div class="sharethis">
  2417. <div class="share_short">
  2418. <a href="{ShortURL}">{ShortURL}</a>
  2419. </div>
  2420. <a href="http://pinterest.com/pin/create/button/?url={Permalink}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"><div class="share_pin share_block">l</div></a>
  2421.  
  2422. <a onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;" href="http://www.facebook.com/share.php?u=\{Permalink}"><div class="share_fb share_block">f</div></a>
  2423.  
  2424.  
  2425. <a href="http://twitter.com/share?url={Permalink}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=280,width=600');return false;"><div class="share_twit share_block">l</div></a>
  2426.  
  2427. <a href="https://plus.google.com/share?url={Permalink}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"> <div class="share_ggl share_block">g</div></a>
  2428. </div>
  2429.  
  2430.  
  2431. </div>
  2432.  
  2433. </div>
  2434.  
  2435. </div>
  2436. </div>
  2437. {/block:ifShowPostControls}
  2438.  
  2439. {/block:IndexPage}
  2440. {/block:Photoset}
  2441.  
  2442.  
  2443.  
  2444.  
  2445.  
  2446.  
  2447.  
  2448. {block:Quote}
  2449. <div class="padding-title">
  2450. <h2 class="title">
  2451. <a onclick="PopPerma('{Permalink}','{URLEncodedPermalink}','{PostID}','{reblogURL}')" style="cursor:pointer" class="linkTitle">{Quote}</a>
  2452. <div class="clear"></div>
  2453. </h2>
  2454. </div>
  2455. <div class="caption padding">
  2456. {block:Source}
  2457.  
  2458. <span class="quote_icon quoteIcon1 left">"</span><i><b> {Source}</b></i>
  2459. {/block:Source}
  2460. </div>
  2461. {block:IfShowTags}
  2462.  
  2463. {block:HasTags}
  2464. <div class="post_tags_photo">
  2465.  
  2466. {block:Tags}
  2467.  
  2468. <a href="{TagURL}">#{Tag}</a>  
  2469.  
  2470. {/block:Tags}
  2471.  
  2472. </div>
  2473. {/block:HasTags}
  2474.  
  2475. {/block:IfShowTags}
  2476.  
  2477. {block:IndexPage}
  2478.  
  2479. {block:ifShowPostControls}
  2480. <div class="splitter_line" style="border-top:1px solid {color:post controls border};"></div>
  2481. <div class="permalink_links2">
  2482. <div class="pictos time" style="font-weight:500; padding-left: 12px; font-size:12px;float:left;">
  2483. <div style="margin-top:9px;margin-left:5px;float:left;">{block:ifnotshownotecount}t{/block:ifnotshownotecount}{block:ifshownotecount}k{/block:ifshownotecount}</div></div><div style="float:left; margin-top:8px;cursor:pointer;"><a style=" padding-left:{block:ifnotshownotecount}3px{block:ifnotshownotecount}{block:ifshownotecount}7px{/block:ifshownotecount};font-size:10px;" onclick="PopPerma('{Permalink}','{URLEncodedPermalink}','{PostID}','{reblogURL}')" target="_blank">{block:ifnotshownotecount} {TimeAgo}{/block:ifnotshownotecount}{block:ifshownotecount} {NoteCountWithLabel}{/block:ifshownotecount}</a></div>
  2484.  
  2485. <div class="right">
  2486. <div class="pictos" style="font-weight:500; font-size:14px;border-left:1px solid {color:post controls border};float:left;width:35px;height:38px;text-align:center;" >
  2487.  
  2488. <div style="margin-top:9px">
  2489.  
  2490. <a target="_blank" class="pictos reblog_icon2"style="font-size:14px;font-weight:500;" href="http://www.themecloud.co/themes/Escape/reblog.asp?q={ReblogURL}">1</a></div></div>
  2491.  
  2492.  
  2493. <div class="pictos heart" style="font-weight:normal;font-size:14px;float:left;border-left:1px solid {color:post controls border};width:35px;height:38px;text-align:center;">
  2494.  
  2495. <div style="margin-top:9px;" class="heart_icon2">
  2496. <a style="text-transform:lowercase;font-size:14px;font-weight:500;" class="pictos heart_icon2" href="javascript:void(0);" rel="{ReblogURL}" id="{PostID}">k</a></div>
  2497.  
  2498.  
  2499. </div>
  2500.  
  2501.  
  2502.  
  2503. <div class="pictos" style="font-weight:normal; font-size:14px;float:left;width:35px;height:38px;border-left:1px solid {color:post controls border};text-align:center;">
  2504. <div style="margin-top:9px;cursor:pointer;" class="share"><a style="font-size:14px;font-weight:500;" target="_blank">&</a>
  2505. <div class="sharethis">
  2506. <div class="share_short">
  2507. <a href="{ShortURL}">{ShortURL}</a>
  2508. </div>
  2509. <a href="http://pinterest.com/pin/create/button/?url={Permalink}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"><div class="share_pin share_block">l</div></a>
  2510.  
  2511. <a onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;" href="http://www.facebook.com/share.php?u=\{Permalink}"><div class="share_fb share_block">f</div></a>
  2512.  
  2513.  
  2514. <a href="http://twitter.com/share?url={Permalink}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=280,width=600');return false;"><div class="share_twit share_block">l</div></a>
  2515.  
  2516. <a href="https://plus.google.com/share?url={Permalink}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"> <div class="share_ggl share_block">g</div></a>
  2517. </div>
  2518.  
  2519.  
  2520. </div>
  2521.  
  2522. </div>
  2523.  
  2524. </div>
  2525. </div>
  2526. {/block:ifShowPostControls}
  2527.  
  2528. {/block:IndexPage}
  2529. {/block:Quote}
  2530.  
  2531.  
  2532.  
  2533.  
  2534.  
  2535.  
  2536. {block:Chat}
  2537. {block:Title}
  2538. <div class="padding-title" style="margin-bottom:20px;">
  2539. <h2 class="title"><a onclick="PopPerma('{Permalink}','{URLEncodedPermalink}','{PostID}','{reblogURL}')" style="cursor:pointer" class="linkTitle">{Title}</a></h2>
  2540. </div>
  2541. {/block:Title}
  2542. <div style="padding: 0px 10px;">
  2543. <ul class="chat">
  2544. {block:Lines}
  2545. <li class="{Alt} user_{UserNumber}">
  2546. <div class="splitter_line" style="border-top:1px solid {color:post controls border}; margin-left:-16px;"></div>
  2547. {block:Label}
  2548. <span class="label">{Label}</span>
  2549. {/block:Label}
  2550. <span class="caption">{Line}</span>
  2551.  
  2552. </li>
  2553. {/block:Lines}
  2554. </ul>
  2555. </div>
  2556. {block:IfShowTags}
  2557.  
  2558. {block:HasTags}
  2559. <div class="post_tags_photo">
  2560.  
  2561. {block:Tags}
  2562.  
  2563. <a href="{TagURL}">#{Tag}</a>  
  2564.  
  2565. {/block:Tags}
  2566.  
  2567. </div>
  2568. {/block:HasTags}
  2569.  
  2570. {/block:IfShowTags}
  2571. {block:IndexPage}
  2572.  
  2573. {block:ifShowPostControls}
  2574. <div class="splitter_line" style="border-top:1px solid {color:post controls border};"></div>
  2575. <div class="permalink_links2">
  2576. <div class="pictos time" style="font-weight:500; padding-left: 12px; font-size:12px;float:left;">
  2577. <div style="margin-top:9px;margin-left:5px;float:left;">{block:ifnotshownotecount}t{/block:ifnotshownotecount}{block:ifshownotecount}k{/block:ifshownotecount}</div></div><div style="float:left; margin-top:8px;cursor:pointer;"><a style=" padding-left:{block:ifnotshownotecount}3px{block:ifnotshownotecount}{block:ifshownotecount}7px{/block:ifshownotecount};font-size:10px;" onclick="PopPerma('{Permalink}','{URLEncodedPermalink}','{PostID}','{reblogURL}')" target="_blank">{block:ifnotshownotecount} {TimeAgo}{/block:ifnotshownotecount}{block:ifshownotecount} {NoteCountWithLabel}{/block:ifshownotecount}</a></div>
  2578.  
  2579. <div class="right">
  2580. <div class="pictos" style="font-weight:500; font-size:14px;border-left:1px solid {color:post controls border};float:left;width:35px;height:38px;text-align:center;" >
  2581.  
  2582. <div style="margin-top:9px">
  2583.  
  2584. <a target="_blank" class="pictos reblog_icon2"style="font-size:14px;font-weight:500;" href="http://www.themecloud.co/themes/Escape/reblog.asp?q={ReblogURL}">1</a></div></div>
  2585.  
  2586.  
  2587. <div class="pictos heart" style="font-weight:normal;font-size:14px;float:left;border-left:1px solid {color:post controls border};width:35px;height:38px;text-align:center;">
  2588.  
  2589. <div style="margin-top:9px;" class="heart_icon2">
  2590. <a style="text-transform:lowercase;font-size:14px;font-weight:500;" class="pictos heart_icon2" href="javascript:void(0);" rel="{ReblogURL}" id="{PostID}">k</a></div>
  2591.  
  2592.  
  2593. </div>
  2594.  
  2595.  
  2596.  
  2597. <div class="pictos" style="font-weight:normal; font-size:14px;float:left;width:35px;height:38px;border-left:1px solid {color:post controls border};text-align:center;">
  2598. <div style="margin-top:9px;cursor:pointer;" class="share"><a style="font-size:14px;font-weight:500;" target="_blank">&</a>
  2599. <div class="sharethis">
  2600. <div class="share_short">
  2601. <a href="{ShortURL}">{ShortURL}</a>
  2602. </div>
  2603. <a href="http://pinterest.com/pin/create/button/?url={Permalink}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"><div class="share_pin share_block">l</div></a>
  2604.  
  2605. <a onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;" href="http://www.facebook.com/share.php?u=\{Permalink}"><div class="share_fb share_block">f</div></a>
  2606.  
  2607.  
  2608. <a href="http://twitter.com/share?url={Permalink}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=280,width=600');return false;"><div class="share_twit share_block">l</div></a>
  2609.  
  2610. <a href="https://plus.google.com/share?url={Permalink}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"> <div class="share_ggl share_block">g</div></a>
  2611. </div>
  2612.  
  2613.  
  2614. </div>
  2615.  
  2616. </div>
  2617.  
  2618. </div>
  2619. </div>
  2620. {/block:ifShowPostControls}
  2621.  
  2622. {/block:IndexPage}
  2623. {/block:Chat}
  2624.  
  2625.  
  2626.  
  2627.  
  2628.  
  2629.  
  2630. {block:Audio}
  2631. {block:IfNotShowAudioTitle}
  2632. <div class="audioplayercontainer">
  2633. {block:AlbumArt}
  2634. <div class="padding-title">
  2635. <img class="audioimage" src="{AlbumArtURL}" onclick="PopPerma('{Permalink}','{URLEncodedPermalink}','{PostID}','{reblogURL}')" style="cursor:pointer" target="_blank" alt="{block:Artist}{Artist}{/block:Artist}{block:ifnotArtist}No artist{/block:ifnotArtist}{block:TrackName} - {TrackName}{/block:TrackName}" />
  2636. </div>
  2637. {/block:AlbumArt}
  2638. <div class="audioplayerout">
  2639. <div class="audioplayerinto done" id="{postID}">
  2640. {AudioPlayerWhite}
  2641. </div>
  2642. </div>
  2643. <div class="clear"></div>
  2644. </div>
  2645. {/block:IfNotShowAudioTitle}
  2646. {block:IfShowAudioTitle}
  2647. {block:AlbumArt}
  2648. <div class="padding-title">
  2649. <img class="audioimage" src="{AlbumArtURL}" onclick="PopPerma('{Permalink}','{URLEncodedPermalink}','{PostID}','{reblogURL}')" style="cursor:pointer" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" />
  2650. </div>
  2651. {/block:AlbumArt}
  2652. {/block:IfShowAudioTitle}
  2653. <div class="audioHighlight">
  2654. {block:IfShowAudioTitle}
  2655. <div class="titleAudio_container padding {block:AlbumArt}tc_caption_bubble_display{/block:AlbumArt}">
  2656. {block:Artist}<span class="artistLabel"><b>{Artist}</b></span><br>{/block:Artist}
  2657.  
  2658. {block:TrackName}<div class="trackLabel"><b>{TrackName}</b></div>{/block:TrackName}
  2659.  
  2660. <div class="audioplayerout">
  2661. <div class="audioplayerinto done" id="{postID}">
  2662. {AudioPlayerWhite}
  2663. </div>
  2664. </div>
  2665. </div>
  2666. {/block:IfShowAudioTitle}
  2667.  
  2668. {block:Caption}
  2669. <div class="caption {block:IfShowAudioTitle}caption_audio{/block:IfShowAudioTitle}{block:IfNotShowAudioTitle}padding tc_caption_bubble_display{/block:IfNotShowAudioTitle}">
  2670. {block:IfShowAudioTitle}
  2671. <div class="splitter_line" style="border-top:1px solid {color:post controls border}; margin-left:-15px; padding-bottom:10px;"></div>
  2672. {/block:IfShowAudioTitle}
  2673. {Caption}
  2674. </div>
  2675. {/block:Caption}
  2676.  
  2677. </div>
  2678. {block:IfShowTags}
  2679.  
  2680. {block:HasTags}
  2681. <div class="post_tags_photo">
  2682.  
  2683. {block:Tags}
  2684.  
  2685. <a href="{TagURL}">#{Tag}</a>  
  2686.  
  2687. {/block:Tags}
  2688.  
  2689. </div>
  2690. {/block:HasTags}
  2691.  
  2692. {/block:IfShowTags}
  2693.  
  2694. {block:IndexPage}
  2695.  
  2696. {block:ifShowPostControls}
  2697. <div class="splitter_line" style="border-top:1px solid {color:post controls border};"></div>
  2698. <div class="permalink_links2">
  2699. <div class="pictos time" style="font-weight:500; padding-left: 12px; font-size:12px;float:left;">
  2700. <div style="margin-top:9px;margin-left:5px;float:left;">{block:ifnotshownotecount}t{/block:ifnotshownotecount}{block:ifshownotecount}k{/block:ifshownotecount}</div></div><div style="float:left; margin-top:8px;cursor:pointer;"><a style=" padding-left:{block:ifnotshownotecount}3px{block:ifnotshownotecount}{block:ifshownotecount}7px{/block:ifshownotecount};font-size:10px;" onclick="PopPerma('{Permalink}','{URLEncodedPermalink}','{PostID}','{reblogURL}')" target="_blank">{block:ifnotshownotecount} {TimeAgo}{/block:ifnotshownotecount}{block:ifshownotecount} {NoteCountWithLabel}{/block:ifshownotecount}</a></div>
  2701.  
  2702. <div class="right">
  2703. <div class="pictos" style="font-weight:500; font-size:14px;border-left:1px solid {color:post controls border};float:left;width:35px;height:38px;text-align:center;" >
  2704.  
  2705. <div style="margin-top:9px">
  2706.  
  2707. <a target="_blank" class="pictos reblog_icon2"style="font-size:14px;font-weight:500;" href="http://www.themecloud.co/themes/Escape/reblog.asp?q={ReblogURL}">1</a></div></div>
  2708.  
  2709.  
  2710. <div class="pictos heart" style="font-weight:normal;font-size:14px;float:left;border-left:1px solid {color:post controls border};width:35px;height:38px;text-align:center;">
  2711.  
  2712. <div style="margin-top:9px;" class="heart_icon2">
  2713. <a style="text-transform:lowercase;font-size:14px;font-weight:500;" class="pictos heart_icon2" href="javascript:void(0);" rel="{ReblogURL}" id="{PostID}">k</a></div>
  2714.  
  2715.  
  2716. </div>
  2717.  
  2718.  
  2719.  
  2720. <div class="pictos" style="font-weight:normal; font-size:14px;float:left;width:35px;height:38px;border-left:1px solid {color:post controls border};text-align:center;">
  2721. <div style="margin-top:9px;cursor:pointer;" class="share"><a style="font-size:14px;font-weight:500;" target="_blank">&</a>
  2722. <div class="sharethis">
  2723. <div class="share_short">
  2724. <a href="{ShortURL}">{ShortURL}</a>
  2725. </div>
  2726. <a href="http://pinterest.com/pin/create/button/?url={Permalink}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"><div class="share_pin share_block">l</div></a>
  2727.  
  2728. <a onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;" href="http://www.facebook.com/share.php?u=\{Permalink}"><div class="share_fb share_block">f</div></a>
  2729.  
  2730.  
  2731. <a href="http://twitter.com/share?url={Permalink}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=280,width=600');return false;"><div class="share_twit share_block">l</div></a>
  2732.  
  2733. <a href="https://plus.google.com/share?url={Permalink}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"> <div class="share_ggl share_block">g</div></a>
  2734. </div>
  2735.  
  2736.  
  2737. </div>
  2738.  
  2739. </div>
  2740.  
  2741. </div>
  2742. </div>
  2743. {/block:ifShowPostControls}
  2744.  
  2745. {/block:IndexPage}
  2746. {/block:Audio}
  2747.  
  2748.  
  2749.  
  2750.  
  2751.  
  2752.  
  2753. {block:Video}
  2754. <div class="padding-title">
  2755. {block:IndexPage}
  2756. <div class="videoPost done" id="{postID}">
  2757. <div class="video_small">{VideoEmbed-250}{Video-250}</div>
  2758. <div class="video_large">{VideoEmbed-500}{Video-500}</div>
  2759.  
  2760. </div>
  2761. {/block:IndexPage}
  2762. {block:PermalinkPage}
  2763. <div class="videoPostold" id="{postID}">{VideoEmbed-700}{Video-700}</div>
  2764.  
  2765. {block:IfShowcaptionsonhomepage}
  2766. {block:Caption}
  2767. <div class="caption padding {block:IndexPage}tc_caption_bubble_display{/block:IndexPage}">
  2768. {Caption}
  2769. </div>
  2770. {/block:Caption}
  2771. {/block:IfShowcaptionsonhomepage}
  2772. {/block:PermalinkPage}
  2773. </div>
  2774. {block:IndexPage}
  2775. {block:IfShowcaptionsonhomepage}
  2776. {block:Caption}
  2777. <div class="caption padding {block:IndexPage}tc_caption_bubble_display{/block:IndexPage}">
  2778.  
  2779. {Caption}
  2780.  
  2781. </div>
  2782. {/block:Caption}
  2783. {/block:IfShowcaptionsonhomepage}
  2784. {/block:IndexPage}
  2785. {block:IfShowTags}
  2786.  
  2787. {block:HasTags}
  2788. <div class="post_tags_photo">
  2789.  
  2790. {block:Tags}
  2791.  
  2792. <a href="{TagURL}">#{Tag}</a>  
  2793.  
  2794. {/block:Tags}
  2795.  
  2796. </div>
  2797. {/block:HasTags}
  2798.  
  2799. {/block:IfShowTags}
  2800.  
  2801. {block:IndexPage}
  2802.  
  2803.  
  2804. {block:ifShowPostControls}
  2805. <div class="splitter_line" style="border-top:1px solid {color:post controls border};"></div>
  2806. <div class="permalink_links2">
  2807. <div class="pictos time" style="font-weight:500; padding-left: 12px; font-size:12px;float:left;">
  2808. <div style="margin-top:9px;margin-left:5px;float:left;">{block:ifnotshownotecount}t{/block:ifnotshownotecount}{block:ifshownotecount}k{/block:ifshownotecount}</div></div><div style="float:left; margin-top:8px;cursor:pointer;"><a style=" padding-left:{block:ifnotshownotecount}3px{block:ifnotshownotecount}{block:ifshownotecount}7px{/block:ifshownotecount};font-size:10px;" onclick="PopPerma('{Permalink}','{URLEncodedPermalink}','{PostID}','{reblogURL}')" target="_blank">{block:ifnotshownotecount} {TimeAgo}{/block:ifnotshownotecount}{block:ifshownotecount} {NoteCountWithLabel}{/block:ifshownotecount}</a></div>
  2809.  
  2810. <div class="right">
  2811. <div class="pictos" style="font-weight:500; font-size:14px;border-left:1px solid {color:post controls border};float:left;width:35px;height:38px;text-align:center;" >
  2812.  
  2813. <div style="margin-top:9px">
  2814.  
  2815. <a target="_blank" class="pictos reblog_icon2"style="font-size:14px;font-weight:500;" href="http://www.themecloud.co/themes/Escape/reblog.asp?q={ReblogURL}">1</a></div></div>
  2816.  
  2817.  
  2818. <div class="pictos heart" style="font-weight:normal;font-size:14px;float:left;border-left:1px solid {color:post controls border};width:35px;height:38px;text-align:center;">
  2819.  
  2820. <div style="margin-top:9px;" class="heart_icon2">
  2821. <a style="text-transform:lowercase;font-size:14px;font-weight:500;" class="pictos heart_icon2" href="javascript:void(0);" rel="{ReblogURL}" id="{PostID}">k</a></div>
  2822.  
  2823.  
  2824. </div>
  2825.  
  2826.  
  2827.  
  2828. <div class="pictos" style="font-weight:normal; font-size:14px;float:left;width:35px;height:38px;border-left:1px solid {color:post controls border};text-align:center;">
  2829. <div style="margin-top:9px;cursor:pointer;" class="share"><a style="font-size:14px;font-weight:500;" target="_blank">&</a>
  2830. <div class="sharethis">
  2831. <div class="share_short">
  2832. <a href="{ShortURL}">{ShortURL}</a>
  2833. </div>
  2834. <a href="http://pinterest.com/pin/create/button/?url={Permalink}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"><div class="share_pin share_block">l</div></a>
  2835.  
  2836. <a onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;" href="http://www.facebook.com/share.php?u=\{Permalink}"><div class="share_fb share_block">f</div></a>
  2837.  
  2838.  
  2839. <a href="http://twitter.com/share?url={Permalink}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=280,width=600');return false;"><div class="share_twit share_block">l</div></a>
  2840.  
  2841. <a href="https://plus.google.com/share?url={Permalink}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"> <div class="share_ggl share_block">g</div></a>
  2842. </div>
  2843.  
  2844.  
  2845. </div>
  2846.  
  2847. </div>
  2848.  
  2849. </div>
  2850. </div>
  2851. {/block:ifShowPostControls}
  2852.  
  2853. {/block:IndexPage}
  2854. {/block:Video}
  2855.  
  2856.  
  2857. {block:PermalinkPage}
  2858.  
  2859.  
  2860.  
  2861.  
  2862. <div style="width:100%;height:40px;">
  2863. <div class="perma_tab_25">
  2864. <a class="source" href="/day/{Year}/{MonthNumber}/{DayOfMonth}"><p><span class="pictos">t</span>{TimeAgo}</p></a>
  2865. </div>
  2866. <div class="perma_tab_25">
  2867. <p><span class="pictos likeheart">k</span>{NoteCountWithLabel}</p>
  2868. </div>
  2869. <div class="perma_tab_25">
  2870. <a class="source"href="{block:ContentSource}{SourceURL}{/block:ContentSource}"><p><span class="pictos">1</span>source</p></a>
  2871. </div>
  2872. <div class="perma_tab_25" style="border-right:none;width:175px;">
  2873. <div style="cursor:pointer;" class="share"><p><span class="pictos" style="" target="_blank">&</span>SHARE</p>
  2874. <div class="sharethis" style="margin-left:-13px;margin-top:8px;">
  2875. <div class="share_short">
  2876. <a href="{ShortURL}">{ShortURL}</a>
  2877. </div>
  2878. <a href="http://pinterest.com/pin/create/button/?url={Permalink}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"><div class="share_pin share_block">l</div></a>
  2879.  
  2880. <a onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;" href="http://www.facebook.com/share.php?u=\{Permalink}"><div class="share_fb share_block">f</div></a>
  2881.  
  2882.  
  2883. <a href="http://twitter.com/share?url={Permalink}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=280,width=600');return false;"><div class="share_twit share_block">l</div></a>
  2884.  
  2885. <a href="https://plus.google.com/share?url={Permalink}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"> <div class="share_ggl share_block">g</div></a>
  2886. </div>
  2887.  
  2888.  
  2889. </div>
  2890.  
  2891.  
  2892. </div>
  2893. </div>
  2894. <div style="width:100%; padding-top:0; border-bottom:0px;">
  2895. {PostNotes}
  2896. </div>
  2897.  
  2898.  
  2899.  
  2900.  
  2901.  
  2902.  
  2903.  
  2904. <div id="back-top"><a href="#top">^</a></div>
  2905.  
  2906.  
  2907. </div>
  2908.  
  2909. {block:PermalinkPage}
  2910.  
  2911.  
  2912.  
  2913. </div>
  2914.  
  2915. {/block:PermalinkPage}
  2916. {/block:Posts}
  2917. </div>
  2918. </div>
  2919. {block:IndexPage}
  2920. {block:Pagination}
  2921. <ul id="pagin">
  2922. {block:PreviousPage}
  2923. <li><a href="{PreviousPage}">Previous</a></li>
  2924. {/block:PreviousPage}
  2925. {block:JumpPagination length="5"}
  2926. {block:CurrentPage}
  2927. <li><a class="current" href="{URL}"><strong>{PageNumber}</strong></a></li>
  2928. {/block:CurrentPage}
  2929. {block:JumpPage}
  2930. <li><a href="{URL}">{PageNumber}</a></li>
  2931. {/block:JumpPage}
  2932. {/block:JumpPagination}
  2933. {block:NextPage}
  2934. <li><a id="nextPage" href="{NextPage}">Next</a></li>
  2935. {/block:NextPage}
  2936. </ul>
  2937. {/block:Pagination}
  2938. {block:IfShowScrollToTop}
  2939. <div id="back-top"><a href="#top">^</a></div>
  2940. {/block:IfShowScrollToTop}
  2941.  
  2942.  
  2943.  
  2944. {/block:IndexPage}
  2945. <div id="perma_controls">
  2946. {block:PermalinkPagination}
  2947.  
  2948. {block:PreviousPost}
  2949. <div onclick="PopPerma('{PreviousPost}','{URLEncodedPreviousPost}','{PostID}','{reblogURL}')" class="rightarrow"></div>
  2950. {/block:PreviousPost}
  2951.  
  2952. {block:NextPost}<div class="leftarrow" onclick="PopPerma('{NextPost}','{URLEncodedNextPost}','{PostID}','{reblogURL}')" ></div>{/block:NextPost}
  2953. {/block:PermalinkPagination}
  2954. </div>
  2955. {/block:PermalinkPage}
  2956.  
  2957. <script src="http://static.tumblr.com/2w7y46r/ZObmh4jf0/jquery-1.8.3.js"></script>
  2958. <script src="http://static.tumblr.com/ssdtkch/Vsimfqnrq/surface.min.tumblr.js"></script>
  2959. <script src="http://static.tumblr.com/flr59he/QGllzqmy8/jquery.imagesloaded.min.js"></script>
  2960.  
  2961. <script src="http://cufon.shoqolate.com/js/cufon-yui.js" type="text/javascript"></script>
  2962. <script src="http://static.tumblr.com/dbek3sy/8HIm3i3kn/bebas-neue.cufonfonts.js" type="text/javascript"></script>
  2963.  
  2964. <script type="text/javascript">
  2965.  
  2966. // JavaScript Document
  2967. var $content = $(".tc_posts_wrapper");
  2968. $(function(){
  2969. Cufon.replace('h1.bebasTitle', { fontFamily: 'Bebas Neue', hover: true });
  2970.  
  2971. // fade in #back-top
  2972. $(function () {
  2973. // scroll body to 0px on click
  2974. $('#back-top a').click(function () {
  2975. $('body,html').animate({
  2976. scrollTop: 0
  2977. }, 800);
  2978. return false;
  2979. });
  2980. });
  2981. });
  2982.  
  2983. // fade in #back-top
  2984. $(function () {
  2985. $(window).scroll(function () {
  2986. if ($(this).scrollTop() > 100) {
  2987. $('#back-top').fadeIn();
  2988. } else {
  2989. $('#back-top').fadeOut();
  2990. }
  2991. });
  2992.  
  2993. // scroll body to 0px on click
  2994. $('#back-top a').click(function () {
  2995. $('body,html').animate({
  2996. scrollTop: 0
  2997. }, 800);
  2998. return false;
  2999. });
  3000. });
  3001.  
  3002.  
  3003.  
  3004.  
  3005. function repairPhotoset()
  3006. {
  3007. $('.tc_posts.highlight .photoSet.done .html_photoset').each(function(){
  3008. var psHeight = $(this).children("iframe").attr("height");
  3009. var psNewHeight = (psHeight * 2.52) - 30;
  3010. $(this).children("iframe").attr("height",psNewHeight);
  3011. $(this).html($(this).html().replace(/250/g,"630"))
  3012. $(this).parent(".photoSet.done").removeClass("done");
  3013. });
  3014. $('.photoSet.done .html_photoset').each(function(){
  3015. var psHeight = $(this).children("iframe").attr("height");
  3016. var psNewHeight = (psHeight * 1.22) - 15;
  3017. $(this).children("iframe").attr("height",psNewHeight);
  3018. $(this).html($(this).html().replace(/250/g,"304"))
  3019. $(this).parent(".photoSet.done").removeClass("done");
  3020. });
  3021. }
  3022. function repairPhotosetHighlight()
  3023. {
  3024. $('.tc_posts.highlight .photoSet.done .html_photoset').each(function(){
  3025. var psHeight = $(this).children("iframe").attr("height");
  3026. var psNewHeight = (psHeight * 2.52) - 30;
  3027. $(this).children("iframe").attr("height",psNewHeight);
  3028. $(this).html($(this).html().replace(/250/g,"630"))
  3029. $(this).parent(".photoSet.done").removeClass("done");
  3030. });
  3031. }
  3032.  
  3033. function repairAudioPlayer(){
  3034. $('.audioplayerinto.done').each(function(){
  3035. var audioID = $(this).attr("id");
  3036. var $audioPost = $(this);
  3037. $.ajax({
  3038. url: '/api/read/json?id=' + audioID,
  3039. dataType: 'jsonp',
  3040. timeout: 50000,
  3041. success: function(data){
  3042. var color = "{color:Music player}";
  3043. $audioPost.html(data.posts[0]["audio-player"].replace("color=FFFFFF", "color=" + color.replace("#", "")));
  3044. }
  3045. });
  3046. $(this).removeClass("done");
  3047. });
  3048. };
  3049.  
  3050. function repairVideoPlayer(){
  3051. $('.videoPost.done').each(function(){
  3052.  
  3053. var videoID = $(this).attr("id");
  3054. var $videoPost = $(this);
  3055. var videoWidth = "-250";
  3056.  
  3057. $.ajax({
  3058. url: '/api/read/json?id=' + videoID,
  3059. dataType: 'jsonp',
  3060. timeout: 50000,
  3061. success: function(data){
  3062.  
  3063. if ($videoPost.html().indexOf("spotify")<0)
  3064. {
  3065.  
  3066. $(this).css("height","171px");
  3067. $videoPost.html(data.posts[0]["video-player"+videoWidth].replace("height=","height='171' oldheight="));
  3068. }
  3069.  
  3070.  
  3071.  
  3072. $content.masonry();
  3073.  
  3074. }
  3075. });
  3076. $videoPost.removeClass("done");
  3077. });
  3078. }
  3079.  
  3080. </script>
  3081.  
  3082. {block:PermalinkPAge}
  3083. <script>
  3084. $(function(){
  3085. $content.animate({opacity:1},500);
  3086. });
  3087. </script>
  3088. {/block:PermalinkPAge}
  3089.  
  3090. {block:IndexPage}
  3091. <div id="perma_controls_display"></div>
  3092. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  3093.  
  3094. <script type="text/javascript">
  3095. // core js?
  3096.  
  3097. var colWidth = 304;
  3098.  
  3099. $(function(){
  3100. Cufon.replace('h1.bebasTitle', { fontFamily: 'Bebas Neue', hover: true });
  3101.  
  3102.  
  3103. if($('.tc_posts.highlight.done').length){highLightPost();}
  3104. if($('.audioplayerinto.done').length){repairAudioPlayer();}
  3105. if($('.videoPost.done').length){repairVideoPlayer();}
  3106. if($('.tc_posts.highlight.done').length){highLightPost();}
  3107. if($('.photoSet.done').length){repairPhotoset();}
  3108.  
  3109.  
  3110. /* like 2 */
  3111. $(".heart_icon2").live("click", function(){
  3112.  
  3113. var $this = $(this);
  3114. var id_post = $this.attr('id');
  3115.  
  3116. var reblog_key = $this.attr('rel').slice(-8);
  3117. var like_url = 'http://www.tumblr.com/like/'+reblog_key+'?id='+id_post;
  3118.  
  3119. $('#likeIframe').attr('src', like_url);
  3120. $this.css('color','#c4302b !important');
  3121. });
  3122. });
  3123. var CurrentLoction = "";
  3124. var CurrentSrc ="";
  3125. var CheckScroll ="";
  3126. var CurrentScroll ="";
  3127. var CurrentCtrls = ""
  3128. var bPopped = false;
  3129. function keyUpFunc(e) {
  3130. if (e.keyCode == 27) { CloseDarkBox(); }
  3131. }
  3132.  
  3133. function PopPerma(sHref,sPostSrc,sPostID,sReblogKey)
  3134. {
  3135. var iTop;
  3136. $('#darkbox').fadeIn();
  3137.  
  3138. $(document).keyup(keyUpFunc);
  3139.  
  3140.  
  3141.  
  3142. if (CurrentLoction == "")
  3143. {
  3144. CurrentLoction = window.location.href;
  3145. }
  3146. if (CurrentSrc == "")
  3147. {
  3148. CurrentSrc = $("#tumblr_controls").attr("src");
  3149. }
  3150. if (CurrentCtrls == "")
  3151. {
  3152. CurrentCtrls = $("#tumblr_controls").css("right");
  3153. }
  3154.  
  3155. sReblogKey = sReblogKey.replace("http://","");
  3156. var sArray = sReblogKey.split("/");
  3157. sReblogKey = sArray[3];
  3158.  
  3159. CurrentScroll = $(window).scrollTop();
  3160.  
  3161. $("#lightbox_perma").css("top",20 + parseInt($(window).scrollTop()) + "px");
  3162. iTop = 20 + parseInt($(window).scrollTop());
  3163.  
  3164.  
  3165.  
  3166.  
  3167. $("#lightbox_perma").load(sHref + " #tc_post_perma", function() {
  3168. $('#lightbox_perma').fadeIn();
  3169. if($('.audioplayerinto.done').length){repairAudioPlayer();}
  3170. var sBottom = parseInt($("#lightbox_perma").css("height").replace("px","")) + iTop;
  3171. CheckScroll = true;
  3172.  
  3173. $("#tumblr_controls").attr("src","http://assets.tumblr.com/iframe.html?10&src=" + sPostSrc + "&pid="+ sPostID +"&rk=" + sReblogKey)
  3174. $("#tumblr_controls").css("right","30px !important;");
  3175.  
  3176. var t=setTimeout(function(){$("#tumblr_controls").attr("style","position:absolute; z-index:1337 !important; top:0px; right:0px; border:0px; background-color:transparent; overflow:hidden;")},500)
  3177.  
  3178. window.history.pushState({}, '{Title}'.replace("'",""), sHref)
  3179. });
  3180.  
  3181. $("#perma_controls_display").load(sHref + " #perma_controls", function() {
  3182.  
  3183. $('#perma_controls_display').fadeIn();
  3184. });
  3185.  
  3186.  
  3187.  
  3188.  
  3189. }
  3190. function CloseDarkBox()
  3191. {
  3192. $(document).unbind("keyup", keyUpFunc);
  3193. $("#tumblr_controls").css("right",CurrentCtrls);
  3194. $("#tumblr_controls").attr("src",CurrentSrc);
  3195.  
  3196. $("#tumblr_controls").attr("style","position:absolute; z-index:1337; top:0px; right:0px; border:0px; background-color:transparent; overflow:hidden;");
  3197.  
  3198. window.history.pushState({}, '{Title}', CurrentLoction)
  3199. CurrentLoction = "";
  3200. CurrentSrc = ""
  3201. $(window).scrollTop(CurrentScroll);
  3202.  
  3203. $('#perma_controls_display').fadeOut();
  3204. $('#lightbox_perma').fadeOut();
  3205. $('#darkbox').fadeOut();
  3206. }
  3207.  
  3208. function highLightPost(){
  3209. $('.tc_posts.highlight.done').css("width",(colWidth*2)+22);
  3210. var $highlight = $("#"+$('.tc_posts.highlight.done').attr("id"));
  3211.  
  3212. if($highlight.find(".photoPost").length){
  3213. repairPhotosetHighlight();
  3214. }
  3215.  
  3216. /*video posts*/
  3217. if($highlight.find(".videoPost").length){
  3218. /* if spotify */
  3219. var spotify = $highlight.find(".videoPost iframe").attr("src");
  3220. if (spotify != null)
  3221. {
  3222. if(spotify.indexOf("spotify") > 1){
  3223. $highlight.find(".videoPost").css({"height":"90px","overflow":"hidden"}).html("<iframe src='"+spotify+"' width='"+((colWidth*2)+80)+"' frameborder='0' allowtransparency='true'></iframe>");
  3224. }
  3225. }
  3226. }
  3227. $highlight.removeClass("done");
  3228. }
  3229.  
  3230. var IfNot1Column= false;
  3231. {block:IfNot1Column}
  3232. IfNot1Column= true;
  3233. {/block:IfNot1Column}
  3234.  
  3235. var IfPhotosetAsSlider = false;
  3236. {block:IfPhotosetAsSlider}
  3237. IfPhotosetAsSlider = true;
  3238. {/block:IfPhotosetAsSlider}
  3239.  
  3240. </script>
  3241.  
  3242. <script>
  3243.  
  3244. var containerWidth = 980;
  3245. var iScroll = 0;
  3246.  
  3247. $(function(){
  3248. var $content = $(".tc_posts_wrapper").css({
  3249. opacity: 0
  3250. });
  3251. $content.imagesLoaded(function(){
  3252. $content.animate({
  3253. opacity: 1
  3254. });
  3255. $content.masonry({
  3256. itemSelector: '.tc_posts',
  3257. columnWidth: 326,
  3258. isFitWidth: true
  3259. });
  3260. });
  3261. $content.infinitescroll({
  3262. navSelector : '#pagin',
  3263. bufferPx:350,
  3264. nextSelector : '#pagin a#nextPage',
  3265. itemSelector : '.tc_posts',
  3266. loading: {
  3267. finishedMsg: '',
  3268. img: 'http://static.tumblr.com/dbek3sy/4fUm7il5k/ajax-loader.gif'
  3269. }
  3270. },
  3271. function( newElements ) {
  3272. var $newElems = $( newElements ).css({
  3273. opacity: 0
  3274. });
  3275. $newElems.hide();
  3276. $newElems.imagesLoaded(function() {
  3277. $newElems.show();
  3278. $newElems.animate({
  3279. opacity: 1
  3280. });
  3281. if($('.audioplayerinto.done').length){repairAudioPlayer();}
  3282. if($('.tc_posts.highlight.done').length){highLightPost();}
  3283. if($('.videoPost.done').length){repairVideoPlayer();}
  3284. if($('.photoSet.done').length){repairPhotoset();}
  3285. $content.masonry( 'appended', $newElems, true );
  3286. });
  3287. });
  3288. });
  3289. $(document).ready(function(){
  3290.  
  3291. ChangePostsCont()
  3292.  
  3293.  
  3294. });
  3295.  
  3296. </script>
  3297.  
  3298.  
  3299. <script>
  3300. function Validd()
  3301. {
  3302. if (location.href.indexOf("tumblr.com/customize/") >=0)
  3303. {
  3304.  
  3305. document.getElementById("tc_posts_wrapper_id").setAttribute("style","opacity: 1; width: 978px;");
  3306.  
  3307. }
  3308. }
  3309. function ChangePostsCont(){
  3310. var HowMany = parseInt($(window).width() /326);
  3311. $(".top_bar_inner").width((326 * HowMany)-20);
  3312.  
  3313.  
  3314. }
  3315. $(window).resize(function() {ChangePostsCont()}
  3316.  
  3317. );
  3318. </script>
  3319.  
  3320. {/block:IndexPage}
  3321.  
  3322.  
  3323.  
  3324. <script src="http://static.tumblr.com/ssdtkch/hucmfqs12/jquery.tipsy.js"></script>
  3325. <script>
  3326.  
  3327. $(document).ready(function(){
  3328.  
  3329. ChangePostsCont()
  3330. {block:PermalinkPAge}
  3331. $("#tc_posts_container").height($(document).height() + "px");
  3332. $(".more_notes_link").click(function(){
  3333.  
  3334. //setTimeout($("#tc_posts_container").height($(document).height() + "px"),1000);
  3335. $("#tc_posts_container").height((parseInt($("#tc_posts_container").height()) + 2000) + "px")
  3336. });
  3337. {/block:PermalinkPAge}
  3338.  
  3339. });
  3340. function ChangePostsCont(){
  3341. var HowMany = parseInt($(window).width() / 326);
  3342. $(".top_bar_inner").width((326 * HowMany)-20);
  3343. $(".tc_posts_wrapper").width((326 * HowMany));
  3344. }
  3345. $(window).resize(function() {
  3346. ChangePostsCont()
  3347. });
  3348. function SetUpNotes(){
  3349.  
  3350. }
  3351.  
  3352. $(function(){
  3353. SetUpNotes();
  3354. repairAudioPlayer();
  3355. var sourceUrl = $("#sourceUrl").text();
  3356. if(sourceUrl.length >= 45){
  3357. $("#sourceUrl").text(sourceUrl.substring(0,45));
  3358. }
  3359. });
  3360.  
  3361. </script>
  3362.  
  3363.  
  3364.  
  3365.  
  3366.  
  3367. <div id="lightbox_perma" style="margin-bottom:20px;">
  3368.  
  3369. </div>
  3370. <div id="darkbox" onclick="CloseDarkBox()">
  3371. </div>
  3372. <div id="guid" style="display:none;">45e1d44587-djke882-448210shyya0-dopwnn1</div>
  3373. <iframe id="likeIframe" src="" style="width:1px;height:1px;position:absolute;left:-9999px;"></iframe>
  3374.  
  3375. {block:ifanalyticstrackingid}
  3376. <script type="text/javascript">
  3377.  
  3378. var _gaq = _gaq || [];
  3379. _gaq.push(['_setAccount', '{text:analytics tracking id}']);
  3380. _gaq.push(['_trackPageview']);
  3381.  
  3382. (function() {
  3383. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  3384. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  3385. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  3386. })();
  3387.  
  3388. </script>
  3389. {/block:ifanalyticstrackingid}
  3390. </body>
  3391. </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!