API tools faq
paste
feiinho

Aura by blinkanditsover

feiinho
Jul 26th, 2014
327
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 90.89 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7. .oooo. oooo oooo oooo d8b .oooo.
  8. `P )88b `888 `888 `888""8P `P )88b
  9. .oP"888 888 888 888 .oP"888
  10. d8( 888 888 888 888 d8( 888
  11. `Y888""8o `V88V"V8P' d888b `Y888""8o
  12.  
  13.  
  14. Aura 0.0.3 beta by blinkanditsover
  15. Premium Tumblr Theme
  16. http://aura.blinkanditsover.com
  17. Support: themecloud.co | @theme_cloud
  18.  
  19.  
  20. Changelog: Audio player and embedding fixed
  21. Fixed icon rendering in Firefox
  22. -->
  23.  
  24. <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
  25.  
  26. <meta charset="utf-8">
  27. <meta name="description" content="{block:IndexPage}{block:Description}{MetaDescription}{/block:Description}{/block:IndexPage}{block:PermalinkPage}{block:PostSummary}{PostSummary}{/block:PostSummary}{/block:PermalinkPage}" />
  28.  
  29.  
  30.  
  31.  
  32. <meta name="color:Tagline Background" content="#FFFFFF"/>
  33. <meta name="color:Tagline" content="#FFFFFF"/>
  34. <meta name="color:Header" content="#213f52"/>
  35. <meta name="color:Blog Title" content="#FFFFFF"/>
  36. <meta name="color:Text Posts" content="#FFFFFF"/>
  37. <meta name="color:Quote Posts" content="#FFFFFF"/>
  38. <meta name="color:Link Posts" content="#FFFFFF"/>
  39. <meta name="color:Chat Posts" content="#FFFFFF"/>
  40. <meta name="color:Text" content="#666666"/>
  41. <meta name="select:Tagline Background Style" content="tiled" title="Tiled">
  42. <meta name="select:Tagline Background Style" content="fullwidth" title="Full Width">
  43. <meta name="select:Avatar" content="circle" title="Circle">
  44. <meta name="select:Avatar" content="square" title="Square">
  45. <meta name="select:Avatar" content="none" title="None">
  46. <meta name="if:White note controls" content="0"/>
  47. <meta name="if:Black note controls" content="0"/>
  48. <meta name="if:Grey note controls" content="1"/>
  49. <meta name="image:Logo" content=""/>
  50. <meta name="image:Tagline Background" content="http://static.tumblr.com/2w7y46r/Ckpn6z18o/food.png"/>
  51. <meta name="text:Tagline" content="A picture says 1000 words but sometimes you need to say a little more. This tagline is a powerful introduction for your page."/>
  52.  
  53. <meta name="text:Button 1" content=""/>
  54. <meta name="text:Button Link 1" content=""/>
  55. <meta name="text:Button 2" content=""/>
  56. <meta name="text:Button Link 2" content=""/>
  57. <meta name="text:Button 3" content=""/>
  58. <meta name="text:Button Link 3" content=""/>
  59. <meta name="text:Button 4" content=""/>
  60. <meta name="text:Button Link 4" content=""/>
  61. <meta name="text:Button 5" content=""/>
  62. <meta name="text:Button Link 5" content=""/>
  63.  
  64.  
  65.  
  66. <meta name="if:Center Tagline" content="1"/>
  67. <meta name="if:Fixed Header" content="1"/>
  68. <meta name="if:No Header" content="0"/>
  69. <meta name="if:Collapse photosets" content="1"/>
  70.  
  71.  
  72.  
  73.  
  74.  
  75. <meta name="if:Notes on blog" content="0"/>
  76.  
  77.  
  78.  
  79.  
  80.  
  81.  
  82. <link rel="shortcut icon" href="{Favicon}" />
  83. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  84.  
  85.  
  86.  
  87.  
  88. <link href='http://fonts.googleapis.com/css?family=Lato:400,700,900' rel='stylesheet' type='text/css'>
  89.  
  90.  
  91.  
  92. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  93. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  94. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  95. <script src="http://static.tumblr.com/ssdtkch/hEMn6nsau/infinitescroll.js"></script>
  96.  
  97. <link rel="stylesheet" href="http://static.tumblr.com/ssdtkch/5Jtn79pu4/fontello2.css">
  98.  
  99.  
  100.  
  101.  
  102. <style type="text/css" media="screen">
  103.  
  104. @import url(http://fonts.googleapis.com/css?family=Cabin:700);
  105.  
  106.  
  107.  
  108. body {
  109. font: 1.2em "Helvetica Neue", Helvetica, Arial, sans-serif;
  110. -webkit-font-smoothing: antialiased;
  111.  
  112. overflow-x:hidden;
  113. margin: 0;
  114. padding: 0;
  115. word-wrap: break-word;
  116. }
  117.  
  118.  
  119.  
  120.  
  121.  
  122. .article a
  123. {
  124.  
  125. color:{color:Text};
  126. font-weight:500;
  127. text-decoration:none;
  128. border-bottom:1px solid rgba({RGBcolor:Text}, 0.6);
  129. }
  130. {block:permalink}
  131. #tc_post_perma blockquote
  132. {
  133. border-left: 2px solid #000000 !important;
  134. }
  135. #tc_post_perma, #tc_post_perma a
  136. {
  137. color:#333333!important;
  138. }
  139. .postid_ #tc_post_perma .rightcontent
  140. {
  141. display:none;
  142. position:relative;
  143. }
  144.  
  145. .postid_ #tc_post_perma .leftcontent
  146. {
  147. width:100% !important;
  148. }
  149. {/block:permalink}
  150.  
  151. #tc_post_perma .rightcontent
  152. {
  153. width:40% !important;
  154. display:block;
  155. position:relative;
  156. }
  157. #tc_post_perma .leftcontent
  158. {
  159. width:55% !important;
  160.  
  161. }
  162.  
  163. #tc_post_perma .article
  164. {
  165. margin-top:89px;
  166. }
  167.  
  168. #infscr-loading img
  169. {
  170. display:none;
  171. }
  172.  
  173. #infscr-loading em
  174. {
  175. padding:10px;
  176. font-style:normal !important;
  177.  
  178. }
  179.  
  180.  
  181. #infscr-loading
  182. {
  183. left:50%;
  184. margin:0px 0 65px -100px;
  185. width:200px;
  186. position:absolute;
  187. bottom:0px;
  188. display: inline-block;
  189. background-color:white;
  190. font-style:normal !important;
  191. text-align: center;
  192. border: 1px solid #666;
  193. color: #666;
  194. padding: 14px;
  195. font-weight: 700;
  196. font-size: 16px;
  197. border-radius: 5px;
  198.  
  199. -moz-border-radius: 5px;
  200. -webkit-border-radius: 5px;
  201.  
  202.  
  203. }
  204.  
  205.  
  206. .LoadNextPage:hover
  207. {
  208. border: 2px solid #666;
  209. width:198px;
  210. padding: 13px 14px;
  211.  
  212.  
  213. }
  214.  
  215. .LoadNextPage
  216. {
  217. left:50%;
  218. margin:0px 0 65px -100px;
  219. width:200px;
  220. position:absolute;
  221. bottom:0px;
  222. display: inline-block;
  223. background-color:white;
  224. font-style:normal !important;
  225. text-align: center;
  226. border: 1px solid #666;
  227. color: #666;
  228. padding: 14px;
  229. font-weight: 700;
  230. font-size: 16px;
  231. border-radius: 5px;
  232.  
  233. -moz-border-radius: 5px;
  234. -webkit-border-radius: 5px;
  235. }
  236.  
  237. .LoadNextPage a
  238. {
  239. text-decoration:none;
  240. color: #666;
  241. }
  242.  
  243. p iframe
  244. {
  245. width:100%;
  246. }
  247.  
  248. #tumblr_controls[src],
  249. #tumblr_controls.tumblr_sticky_iframe[src] {
  250. position: fixed !important;
  251.  
  252.  
  253.  
  254. right: 5% !important;
  255.  
  256. top: 20px !important;
  257. }
  258.  
  259. @media screen and (max-width: 900px) {
  260.  
  261. #tumblr_controls[src],
  262. #tumblr_controls.tumblr_sticky_iframe[src] {
  263. position: absolute !important;
  264. right: 0 !important;
  265. top: 0 !important;
  266. }
  267.  
  268. }
  269.  
  270. .header {
  271. {block:ifnotnoheader}
  272. background-color:{color:Header};
  273.  
  274. {/block:ifnotnoheader}
  275.  
  276. opacity:0.97;
  277.  
  278.  
  279. width: 100%;
  280. position:absolute;
  281.  
  282. /* No header, no tagline, yes fixed */
  283. {block:ifnoheader}
  284. {block:ifnottagline}
  285. {block:iffixedheader}
  286. position:fixed;
  287. {/block:iffixedheader}
  288. {/block:ifnottagline}
  289. {/block:ifnoheader}
  290.  
  291. /* yes header, yes fixed */
  292. {block:ifnotnoheader}
  293. {block:iffixedheader}
  294. position:fixed;
  295. {/block:iffixedheader}
  296. {/block:ifnotnoheader}
  297.  
  298.  
  299.  
  300. {block:ifnottagline}
  301. {block:iffixedheader}
  302.  
  303. position:fixed;
  304. {/block:iffixedheader}
  305. {/block:ifnottagline}
  306. {/block:ifnotnoheader}
  307.  
  308. padding: 20px 0 0px!important;
  309. z-index: 998;
  310. top:0px;
  311. line-height: 24px;
  312. }
  313. h1, p
  314. {
  315. margin:0;
  316. padding:0;
  317. }
  318.  
  319. h1 a
  320. {
  321. font-weight:700 !important;
  322. }
  323. .header_in {
  324.  
  325. width:100%;
  326. height:69px;
  327. max-width:90%;
  328. z-index: 998;
  329. margin-right:auto;
  330. margin-left:auto;
  331. }
  332.  
  333. .logo {
  334. float: left;
  335. color:{color:blog title};
  336. font-weight: 900;
  337. font-size: 34px;
  338. letter-spacing:0px;
  339. {block:ifnotlogoimage}padding-top:14px;{block:ifnotlogoimage}
  340. {block:iflogoimage}padding-top:5px;{block:iflogoimage}
  341.  
  342. }
  343.  
  344. .logo img{
  345. max-height:40px;
  346. width:auto;
  347.  
  348. }
  349.  
  350. .logo a
  351. {
  352. color:{color:blog title};
  353. text-decoration:none;
  354. }
  355.  
  356.  
  357.  
  358. .content2
  359. {
  360. left:0px;
  361. position:relative;
  362. top:0px;
  363. overflow-x: hidden;
  364. }
  365.  
  366. .permalinkpage
  367. {
  368. min-height:1000px;
  369. }
  370.  
  371.  
  372.  
  373. .iconbutton
  374. {
  375. width: 20px;
  376. height: 15px;
  377. z-index: 100;
  378. float:left;
  379. margin-left:20px;
  380.  
  381. {block:ifnotlogoimage}
  382. margin-top:23px;
  383. {/block:ifnotlogoimage}
  384. {block:iflogoimage}
  385. margin-top:18px;
  386. {/block:iflogoimage}
  387. }
  388.  
  389. .closeiconbutton
  390. {
  391. width: 20px;
  392. height: 15px;
  393. z-index: 100;
  394. float:left;
  395. margin-left:20px;
  396.  
  397. {block:ifnotlogoimage}
  398. margin-top: 24px;
  399. {/block:ifnotlogoimage}
  400. {block:iflogoimage}
  401. margin-top:20px;
  402. {/block:iflogoimage}
  403. }
  404.  
  405.  
  406.  
  407.  
  408. .iconbutton:hover
  409. {
  410. {block:ifnotlogoimage}
  411. margin-top:22px;
  412. {/block:ifnotlogoimage}
  413. {block:iflogoimage}
  414. margin-top:17px;
  415. {/block:iflogoimage}
  416.  
  417. }
  418.  
  419.  
  420.  
  421. .iconbutton:hover .icon
  422. {
  423. margin-bottom:4px;
  424.  
  425. }
  426.  
  427. .iconbutton:hover .icon2
  428. {
  429. margin-bottom:4px;
  430.  
  431. }
  432.  
  433.  
  434.  
  435.  
  436. .iconbutton .icon
  437. {
  438. width: 18px;
  439. height: 3px;
  440. margin-bottom:3px;
  441. background:{color:Blog title};
  442. float:left;
  443.  
  444. }
  445. .iconbutton .icon2
  446. {
  447. width: 18px;
  448. height: 3px;
  449. margin-bottom:3px;
  450. background:{color:Blog title};
  451. float:left;
  452.  
  453. }
  454. .iconbutton .icon3
  455. {
  456. width: 18px;
  457. height: 3px;
  458. background:{color:Blog title};
  459. float:left;
  460.  
  461. }
  462.  
  463. .closeiconbutton .icon
  464. {
  465. width: 14px;
  466. height: 3px;
  467. -webkit-transform: rotate(-42deg);
  468. transform: rotate(-42deg);
  469. background:{color:Blog title};
  470. float:left;
  471.  
  472. }
  473. .closeiconbutton .icon2
  474. {
  475. display:none;
  476. }
  477. .closeiconbutton .icon3
  478. {
  479. width: 14px;
  480. -webkit-transform: rotate(42deg);
  481. transform: rotate(42deg);
  482. height: 3px;
  483. background:{color:Blog title};
  484. float:left;
  485. margin-top: 5px;
  486.  
  487. }
  488.  
  489.  
  490. .tagline {
  491.  
  492.  
  493. background: url({image:tagline Background});
  494. background-color:{color:tagline background};
  495. position: relative;
  496. width: 100%;
  497. {block:ifnotnoheader}
  498. margin-top:89px;
  499. {/block:ifnotnoheader}
  500.  
  501. padding: 0;
  502. {block:ifnoheader}
  503. margin-top:0;
  504. padding-top:89px;
  505. {/block:ifnoheader}
  506.  
  507.  
  508. }
  509.  
  510. .fullwidth
  511. {
  512. background-size: cover;
  513. }
  514.  
  515. .tiled
  516. {
  517. background-repeat:repeat;
  518. }
  519.  
  520. .tagline_text {
  521. margin-right:auto;
  522. margin-left:auto;
  523. {block:ifcentertagline}
  524. text-align:center;
  525. {/block:ifcentertagline}
  526. font-size: 35px;
  527. color: {color:Tagline};
  528. -webkit-font-smoothing: antialiased;
  529. -webkit-text-size-adjust: 100%;
  530. line-height: 1.5;
  531. font-weight: 400;
  532. max-width: 90%;
  533.  
  534. margin-bottom: 0;
  535. padding-top: 70px;
  536. padding-bottom: 70px;
  537. }
  538.  
  539. .content
  540. {
  541.  
  542. {block:IndexPage}
  543. opacity:0;
  544. padding-bottom: 195px;
  545. {/block:IndexPage}
  546.  
  547. {block:IndexPage}
  548.  
  549.  
  550. {block:ifnottagline}
  551. margin-top:89px;
  552. {/block:ifnottagline}
  553.  
  554. {block:ifnoheader}
  555. {block:ifnottagline}
  556. margin-top:0;
  557.  
  558. {/block:ifnottagline}
  559. {/block:ifnoheader}
  560.  
  561. {block:ifnotnoheader}
  562. {block:ifnottagline}
  563. {block:ifButton1}
  564. margin-top:0;
  565.  
  566. {block:ifButton1}
  567. {/block:ifnottagline}
  568. {/block:ifnotnoheader}
  569.  
  570. {/block:IndexPage}
  571.  
  572.  
  573.  
  574.  
  575. width:100%;
  576. height:auto;
  577.  
  578. }
  579. #tc_post_perma
  580. {
  581. {block:permalinkpage}
  582. margin-top:89px;
  583. {/block:permalinkpage}
  584. {block:iftagline}
  585. margin-top:0px;
  586. {/block:iftagline}
  587.  
  588. {block:ifButton1}
  589. margin-top:0px;
  590. {/block:ifButton1}
  591. }
  592. .photowidth
  593. {
  594. width:100%;
  595. display:block;
  596. }
  597. .article
  598. {
  599. {block:IndexPage}width:25%; {/block:IndexPage}
  600. display:block;
  601. }
  602.  
  603. {block:ifcollapsephotosets}
  604. .my-photoset img {
  605. display: none;
  606. }
  607.  
  608. .my-photoset img:first-child {
  609. display: block;
  610. }
  611.  
  612. {/block:ifcollapsephotosets}
  613.  
  614.  
  615. .expand .my-photoset img {
  616. display: block !important;
  617. }
  618.  
  619. .read_more
  620. {
  621. padding:10px;
  622. background: none;
  623. border: 1px solid rgba({RGBcolor:Text}, 0.3) !important;
  624. cursor:pointer;
  625. -moz-border-radius: 5px;
  626. -webkit-border-radius: 5px;
  627. border-radius: 5px;
  628.  
  629. }
  630.  
  631.  
  632. .read_more:after
  633. {
  634. display: inline;
  635. padding-left: 10px;
  636. vertical-align: 0px;
  637. speak: none;
  638. font-family: 'fontello','Blank';
  639. content: '\e800';
  640. font-size:13px;
  641. }
  642.  
  643. .read_more_container
  644. {
  645. margin:30px 0 10px 0!important;
  646. }
  647.  
  648. blockquote {
  649. padding: 0px 20px;
  650. border-left:2px solid {color:Text};
  651. margin:15px 0px;
  652. }
  653.  
  654. ul
  655. {
  656. margin:15px 0px;
  657. padding-left:20px;
  658. }
  659.  
  660. ol
  661. {
  662. margin:15px 0px;
  663. padding-left:22px;
  664. }
  665.  
  666. .photohover_container
  667. {
  668. background-color:rgba(0, 0, 0, 0.6);
  669. text-align:center;
  670. width:100%;
  671. height:100%;
  672. position:absolute;
  673. width: 100%;
  674. height: 100%;
  675. display: table;
  676.  
  677. }
  678.  
  679. .photopost:hover .photohover_container
  680. {
  681.  
  682. }
  683.  
  684. .photohover
  685. {
  686. text-align: center;
  687. display: table-cell;
  688. vertical-align: middle;
  689. }
  690. .tw_like_button, .tw_reblog_button, .tw_share_button
  691. {
  692. width:40px;
  693. }
  694.  
  695. .photocontrols
  696. {
  697.  
  698. height:40px;
  699. background:red;
  700. }
  701.  
  702.  
  703.  
  704. .tc_post_controls{
  705. position:absolute;
  706. top: 0px;
  707. left: 0px;
  708. width:100%;
  709. height:100%;
  710. opacity: 0;
  711. filter:alpha(opacity=0);
  712. -webkit-transition: opacity 0.4s ease-out;
  713. -moz-transition: opacity 0.4s ease-out;
  714. transition: opacity 0.4s ease-out;
  715. -o-transition: opacity 0.4s ease-out;
  716.  
  717. }
  718.  
  719. .photocount{
  720. height:30px;
  721. margin:0 0 5px 7px;
  722. font-size:20px;
  723. font-weight:700;
  724. color:#fff;
  725. }
  726.  
  727.  
  728. .share
  729. {
  730. top:-4px;
  731. }
  732.  
  733. .tc_post_controls_background{
  734. position:absolute;
  735. width:100%;
  736. height:100%;
  737. top:0px;
  738. left:0px;
  739. background-color:rgba(0, 0, 0, 1);
  740. opacity: 0.7;
  741. filter:alpha(opacity=70);
  742. z-index: 100;
  743. }
  744.  
  745.  
  746.  
  747.  
  748.  
  749. .photopost:hover .tc_post_controls{
  750. opacity: 1;
  751. filter:alpha(opacity=100);
  752. }
  753.  
  754. .photopost:hover .tc_post_controls_container{
  755. opacity: 1;
  756. filter:alpha(opacity=100);
  757. }
  758.  
  759. .circleme .reblog_button
  760. {
  761. padding-left:3px;
  762. padding-top:-2px;
  763. text-decoration:none;
  764. border:none;
  765.  
  766. }
  767.  
  768. .tc_post_controls_container .circleme{
  769. position:relative;
  770. display: inline-block;
  771. font-size: 19px;
  772. height: 40px;
  773. width: 40px;
  774. font-family: 'fontello','Blank';
  775. color:#fff;
  776. cursor:pointer;
  777. margin-left:5px;
  778. line-height:40px;
  779. border-bottom: 0 !important;
  780. }
  781.  
  782.  
  783. .tc_post_controls_container{
  784. position: absolute;
  785. top: 50%;
  786. margin-top: -35px;
  787. text-align: center;
  788. left: 50%;
  789. margin-left: -76px;
  790. -webkit-transition: all 0.3s ease;
  791. -moz-transition: all 0.3s ease;
  792. transition: all 0.3s ease;
  793. -o-transition: all 0.3s ease;
  794. z-index: 101;
  795. }
  796.  
  797. .textpost
  798. {
  799.  
  800. background-color:{color:text posts};
  801. color:{color:Text};
  802. padding:35px;
  803. font-size: 15px;
  804. line-height: 1.5;
  805. border-right: 1px solid rgba({RGBcolor:Text}, 0.3);
  806. border-bottom: 1px solid rgba({RGBcolor:Text}, 0.3);
  807.  
  808. }
  809.  
  810. .textpost h1
  811. {
  812. margin-bottom:10px;
  813. }
  814.  
  815. .textpost img {max-width:100%;}
  816.  
  817.  
  818. .textpost_perma
  819. {
  820. font-size: 16px;
  821. line-height: 1.5;
  822. }
  823.  
  824. .textpost_perma h1
  825. {
  826. margin-bottom:10px;
  827. }
  828.  
  829. .textpost_perma img
  830. {max-width:100%;}
  831.  
  832.  
  833. .answerpost img {max-width:100%;}
  834. .answerpost_perma img {max-width:100%;}
  835. .linkpost img {max-width:100%; }
  836. .linkpost_perma img {max-width:100%; }
  837.  
  838. .quotepost
  839. {
  840.  
  841. background-color:{color:quote posts};
  842. color:{color:Text};
  843. padding:35px;
  844. font-size: 15px;
  845. line-height: 1.5;
  846. border-right: 1px solid rgba({RGBcolor:Text}, 0.3);
  847. border-bottom: 1px solid rgba({RGBcolor:Text}, 0.3);
  848. }
  849.  
  850. .quotepost_perma
  851. {
  852.  
  853. font-size: 16px;
  854. line-height: 1.5;
  855. }
  856.  
  857.  
  858. .linkpost
  859. {
  860.  
  861. background-color:{color:link posts};
  862. color:{color:Text};
  863. padding:35px;
  864. font-size: 15px;
  865. line-height: 1.5;
  866. border-right: 1px solid rgba({RGBcolor:Text}, 0.3);
  867. border-bottom: 1px solid rgba({RGBcolor:Text}, 0.3);
  868. }
  869.  
  870. .linkpost p{
  871. margin-top:10px;
  872. }
  873. .linkpost a{
  874. color:{color:Text};
  875. text-decoration:none;
  876. border-bottom:1px solid {color:Text};
  877. }
  878.  
  879. .linkpost_perma
  880. {
  881. font-size: 16px;
  882. line-height: 1.5;
  883. }
  884.  
  885. .linkpost_perma p{
  886. margin-top:10px;
  887. }
  888. .linkpost_perma a{
  889. color:#fff;
  890. text-decoration:none;
  891. border-bottom:1px solid #fff;
  892. }
  893.  
  894.  
  895.  
  896. #lightbox h1
  897. {
  898. font-size:29px;
  899. }
  900.  
  901. #lightbox .rightcontent h1 {
  902. font-size: 15px;
  903. }
  904.  
  905. h1
  906. {
  907. {block:indexpage}
  908. font-size:23px;
  909. {/block:indexpage}
  910. {block:permalinkpage}
  911. font-size: 29px;
  912. {block:permalinkpage}
  913.  
  914. font-weight:800;
  915. line-height: 1.3;
  916. }
  917.  
  918.  
  919.  
  920. .linkpost h1:after
  921. {
  922. display: inline;
  923. padding-left: 10px;
  924. vertical-align: 0px;
  925. speak: none;
  926. font-family: 'fontello','Blank';
  927. content: '\e800';
  928. font-size:15px;
  929. }
  930.  
  931. .linkpost_perma h1:after
  932. {
  933. display: inline;
  934. padding-left: 10px;
  935. vertical-align: 0px;
  936. speak: none;
  937. font-family: 'fontello','Blank';
  938. content: '\e800';
  939. font-size:16px;
  940. }
  941.  
  942.  
  943.  
  944. .chatpost_perma
  945. {
  946.  
  947. color:#fff;
  948. font-size: 15px;
  949. line-height: 1.5;
  950.  
  951.  
  952. }
  953.  
  954. .chatpost_perma p{
  955. padding:10px 0px ;
  956. }
  957.  
  958. .chatpost_perma p:first-child{
  959. margin-top:30px ;
  960. }
  961.  
  962. .chatpost_perma p:last-child{
  963. margin-bottom:20px;
  964. }
  965.  
  966. .chatpost_perama h1{
  967. padding:20px 20px 15px 20px;
  968. }
  969.  
  970. .chatpost
  971. {
  972.  
  973. background-color:{color:chat posts};
  974. color:{color:Text};
  975. font-size: 15px;
  976. line-height: 1.5;
  977. padding:15px;
  978. border-right: 1px solid rgba({RGBcolor:Text}, 0.3);
  979. border-bottom: 1px solid rgba({RGBcolor:Text}, 0.3);
  980.  
  981. }
  982.  
  983. .chatpost p{
  984. padding:10px 20px ;
  985. }
  986.  
  987. .chatpost p:first-child{
  988. margin-top:20px ;
  989. }
  990.  
  991. .chatpost p:last-child{
  992. margin-bottom:20px;
  993. }
  994.  
  995. .chatpost h1{
  996. padding:20px 20px 15px 20px;
  997. }
  998.  
  999. .odd
  1000. {
  1001. background-color:rgba(225, 225, 225, 0);
  1002. }
  1003.  
  1004. .audiopost
  1005. {
  1006.  
  1007. background-color:{color:audio posts};
  1008. color:{color:Text};
  1009. padding:35px;
  1010. font-size: 15px;
  1011. line-height: 1.5;
  1012. border-right: 1px solid rgba({RGBcolor:Text}, 0.3);
  1013. border-bottom: 1px solid rgba({RGBcolor:Text}, 0.3);
  1014. }
  1015.  
  1016. .audiopost p{
  1017. margin-top:20px;
  1018. }
  1019.  
  1020. {block:indexpage}
  1021. .spotify_audio_player {width:100% !important; height:80px !important;}
  1022. {/block:indexpage}
  1023.  
  1024. .audiocircle
  1025. {
  1026. height:56px;
  1027. width:56px;
  1028. top:50%;
  1029. left:50%;
  1030. margin-left:-28px;
  1031. margin-top:-28px;
  1032. position:absolute;
  1033. background-color:#fff;
  1034. -moz-border-radius: 76px;
  1035. -webkit-border-radius: 76px;
  1036. border-radius: 76px;
  1037. }
  1038.  
  1039. #audioplayer {
  1040. width:30px;
  1041. height:30px;
  1042. overflow:hidden;
  1043. position:absolute;
  1044. margin-top:15px;
  1045. margin-left:15px;
  1046.  
  1047. }
  1048.  
  1049. .albumart
  1050. {
  1051. background-color:rgba(225, 225, 225, 0);
  1052. width:100%;
  1053. height:100%;
  1054. position:relative;
  1055. }
  1056.  
  1057. .trans
  1058. {
  1059. width:100%;
  1060. }
  1061.  
  1062. .videopost
  1063. {
  1064.  
  1065. background-color:{color:video posts};
  1066. color:{color:Text};
  1067. padding:20px;
  1068. font-size: 15px;
  1069. line-height: 1.5;
  1070. border: 15px solid rgba(225, 225, 225, 0);
  1071. }
  1072.  
  1073. .videopost p{
  1074. margin-top:10px;
  1075. }
  1076.  
  1077.  
  1078.  
  1079. .tumblr_video_container{width:100% !important; height:auto !important;}
  1080.  
  1081. .answerpost
  1082. {
  1083.  
  1084. background-color:{color:text posts};
  1085. color:{color:Text};
  1086. padding:35px;
  1087. font-size: 15px;
  1088. line-height: 1.5;
  1089. border-right: 1px solid rgba({RGBcolor:Text}, 0.3);
  1090. border-bottom: 1px solid rgba({RGBcolor:Text}, 0.3);
  1091. }
  1092.  
  1093.  
  1094.  
  1095. .answer
  1096. {
  1097. padding-top:20px;
  1098. }
  1099.  
  1100. .music p
  1101. {
  1102. padding:0px;
  1103. margin:0px !important;
  1104. font-weight:bold;
  1105.  
  1106. }
  1107.  
  1108.  
  1109. .music p:first-child
  1110. {
  1111. padding-top:20px;
  1112. }
  1113.  
  1114. .music span
  1115. {
  1116. padding:0px;
  1117. margin:0px !important;
  1118. font-weight:bold;
  1119.  
  1120. }
  1121.  
  1122. .play
  1123. {
  1124.  
  1125. top:50%;
  1126. left:50%;
  1127. margin-left:-10px;
  1128. margin-top:-10px;
  1129. position:absolute;
  1130. width: 0;
  1131. height: 0;
  1132. border-style: solid;
  1133. border-width: 10px 0 10px 17.3px;
  1134. border-color: transparent transparent transparent #ffffff;
  1135. -webkit-transform:rotate(360deg);
  1136. }
  1137.  
  1138. .audioplay
  1139. {
  1140. top:50%;
  1141. left:50%;
  1142. margin-left:-15px;
  1143. margin-top:-19px;
  1144. position:absolute;
  1145. font-family: 'fontello','Blank';
  1146. font-size:26px;
  1147. color:#fff;
  1148. }
  1149.  
  1150. .playcircle
  1151. {
  1152. position:absolute;
  1153. width:50px;
  1154. height:50px;
  1155. top:50%;
  1156. left:50%;
  1157. margin-left:-32px;
  1158. margin-top:-28px;
  1159. border:3px solid #fff;
  1160. background:none;
  1161. -moz-border-radius: 50px;
  1162. -webkit-border-radius: 50px;
  1163. border-radius: 50px;
  1164. }
  1165.  
  1166. .playcircle2
  1167. {
  1168. position:absolute;
  1169. width:56px;
  1170. height:56px;
  1171. top:50%;
  1172. left:50%;
  1173. margin-left:-32px;
  1174. margin-top:-28px;
  1175. background-color:#000;
  1176. opacity:0.4;
  1177. -moz-border-radius: 55px;
  1178. -webkit-border-radius: 55px;
  1179. border-radius: 55px;
  1180. transition:0.2s ease;
  1181.  
  1182. }
  1183.  
  1184. .article:hover .playcircle2
  1185. {
  1186. opacity:0.6;
  1187. transition:0.2s ease;
  1188.  
  1189.  
  1190. }
  1191.  
  1192.  
  1193. #pageslide {
  1194. display: none;
  1195. position: absolute;
  1196. position:fixed;
  1197. top: 0;
  1198. height: 100%;
  1199. z-index: 1000000;
  1200. overflow-y: scroll;
  1201. overflow-x: none;
  1202. width: 280px;
  1203. background-color: rgba({RGBcolor:Header}, 0.93);
  1204. border-right:1px solid {color:Header};
  1205. }
  1206.  
  1207. #side {
  1208. z-index:99999;
  1209. border:0;
  1210. }
  1211.  
  1212. .sidebar {
  1213. color: {color:blog title};
  1214. height:100%;
  1215. font-size:15px;
  1216.  
  1217. }
  1218.  
  1219. .sidebar a
  1220. {
  1221. color: {color:blog title};
  1222. font-weight:800;
  1223. text-decoration:none;
  1224. border-bottom:1px solid rgba({RGBcolor:blog title}, 0.6);
  1225. }
  1226.  
  1227.  
  1228. .square img:hover
  1229.  
  1230. {
  1231. -webkit-animation: wobble 0.2s ;
  1232.  
  1233. }
  1234. @-webkit-keyframes wobble {
  1235. 0% { -webkit-transform: rotate(0deg); }
  1236. 20% { -webkit-transform: rotate(5deg); }
  1237. 50% { -webkit-transform: rotate(-5deg); }
  1238. 100% { -webkit-transform: rotate(0deg); }
  1239.  
  1240. }
  1241.  
  1242.  
  1243. .tc_avatar img
  1244. {
  1245. border: 4px solid #fff;
  1246. margin-left:70px;
  1247. }
  1248.  
  1249. .circle img
  1250. {
  1251. -webkit-border-radius: 40px;
  1252. -moz-border-radius: 40px;
  1253. border-radius: 40px;
  1254. -webkit-transition-duration: 0.8s;
  1255. -moz-transition-duration: 0.8s;
  1256. -o-transition-duration: 0.8s;
  1257. transition-duration: 0.8s;
  1258.  
  1259. -webkit-transition-property: -webkit-transform;
  1260. -moz-transition-property: -moz-transform;
  1261. -o-transition-property: -o-transform;
  1262. transition-property: transform;
  1263.  
  1264. }
  1265.  
  1266. .circle img:hover
  1267. {
  1268. -webkit-transform:rotate(360deg);
  1269. -moz-transform:rotate(360deg);
  1270. -o-transform:rotate(360deg);
  1271. -webkit-transform-origin:36px 36px;
  1272. }
  1273.  
  1274.  
  1275.  
  1276. .none
  1277. {
  1278. display:none;
  1279. }
  1280.  
  1281. .tc_avatar
  1282. {
  1283. padding:30px 30px 0px 30px;
  1284. width:220px;
  1285. height:auto;
  1286. }
  1287.  
  1288. .description
  1289. {
  1290. padding:30px 30px 0px 30px;
  1291. text-align:center;
  1292. line-height:1.5;
  1293. }
  1294.  
  1295. .sidebar ul {
  1296. width:280px;
  1297. height:auto;
  1298. margin: 30px 0 0 0 !important;
  1299. padding: 0px 0 30px 0!important;
  1300. list-style-type: none;
  1301. text-transform:capitalize;
  1302. line-height: 1.6;
  1303. }
  1304.  
  1305. .sidebar li
  1306. {
  1307. width:220px;
  1308. height:auto;
  1309. padding:20px 30px;
  1310. margin-bottom:2px;
  1311. background-color:{color:Header};
  1312. transition: background-color 0.2s ease;
  1313.  
  1314. }
  1315.  
  1316. .sidebar li:hover
  1317. {
  1318.  
  1319. background-color: transparent;
  1320.  
  1321. }
  1322.  
  1323. .sidebar li:after
  1324. {
  1325. padding-left:5px;
  1326. opacity:0;
  1327. transition: 0.2s ease;
  1328. display: inline;
  1329. vertical-align: 0px;
  1330. speak: none;
  1331. font-family: 'fontello','Blank';
  1332. content: '\e800';
  1333. font-size:11px;
  1334.  
  1335. }
  1336.  
  1337. .sidebar li:hover:after
  1338. {
  1339. display: inline;
  1340. padding-left: 10px;
  1341. vertical-align: 0px;
  1342. opacity:100;
  1343. speak: none;
  1344. font-family: 'fontello','Blank';
  1345. content: '\e800';
  1346. font-size:11px;
  1347. transition: 0.2s ease;
  1348. }
  1349.  
  1350. .sidebar .search:after
  1351. {
  1352. content:'';
  1353. display:none !important;
  1354. }
  1355.  
  1356. body, input {
  1357. font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  1358. font-size: 15px;
  1359. color: {color:blog title};
  1360. }
  1361.  
  1362. .sfm input {
  1363. font-size: 15px;
  1364. margin-top: 0px;
  1365. border:0;
  1366. color: {color:blog title};
  1367. font: "Helvetica Neue", Helvetica, Arial, sans-serif;
  1368. }
  1369.  
  1370. #sb { font-family: 'fontello','Blank'; width: 20px;
  1371. height: 20px;
  1372. font-size: 15px;
  1373. margin: 0 0 0 6px;
  1374. color: {color:blog title};
  1375. padding: 0;
  1376. outline: none;
  1377. border: 0;
  1378. background:none;
  1379. vertical-align: bottom;
  1380. cursor:pointer;
  1381. }
  1382.  
  1383. #sf {
  1384. border-bottom:1px solid {color:blog title};
  1385. background:none;
  1386. width:187px;
  1387. outline: none;
  1388.  
  1389. }
  1390.  
  1391. .copy
  1392. {
  1393. padding:0px 30px 30px 30px;
  1394. text-align:center;
  1395. font-size:12px;
  1396. bottom:0px;
  1397. }
  1398.  
  1399. .search
  1400. {
  1401. padding-top:22px !important;
  1402. padding-bottom:28px !important;
  1403. }
  1404. #lightbox
  1405. {
  1406. display:none;
  1407. position:fixed;
  1408. top:0;
  1409. bottom:0;
  1410. right:0;
  1411. left:0;
  1412. overflow:scroll;
  1413. overflow-x:hidden;
  1414. z-index:999;
  1415. background:#000;
  1416. background:rgba(0,0,0,0.9);
  1417. color:#ffffff !important;
  1418. line-height:1.5;
  1419. }
  1420. #lightbox_content_container
  1421. {
  1422. width: 100%;
  1423. height: 100%;
  1424. display: table;
  1425. color:#ccc !important;
  1426.  
  1427.  
  1428. }
  1429. #lightbox_content
  1430. {
  1431. display: table-cell;
  1432. vertical-align: middle;
  1433. color:#fff !important;
  1434.  
  1435. }
  1436.  
  1437. #lightbox_content a
  1438. {
  1439.  
  1440. color:#fff !important;
  1441. border-color:#fff ;
  1442.  
  1443. }
  1444.  
  1445. #lightbox_content blockquote
  1446. {
  1447. border-left: 2px solid #fff;
  1448. }
  1449.  
  1450. #tc_post_perma.content
  1451. {
  1452. opacity:1;
  1453. width:75%;
  1454. min-width:900px;
  1455. margin-left:auto;
  1456. margin-right:auto;
  1457. }
  1458. #tc_post_perma .article
  1459. {
  1460. width:100%;
  1461. float:left;
  1462. margin-bottom: 90px;
  1463. }
  1464.  
  1465. #tc_post_perma .leftcontent
  1466. {
  1467. width:55%;
  1468. float:left;
  1469. }
  1470.  
  1471.  
  1472. #tc_post_perma .rightcontent
  1473. {
  1474. width:40%;
  1475. margin-left:5%;
  1476. font-size:14px;
  1477. float:left;
  1478. }
  1479.  
  1480.  
  1481. #tc_post_perma .leftcontent a
  1482. {
  1483. border-color:#000 !important;
  1484. }
  1485.  
  1486. .controls
  1487. {
  1488. padding-top:20px;
  1489. font-size:14px;
  1490. height:19px;
  1491. width:100%;
  1492. color:#ccc !important;
  1493.  
  1494. {block:ifnotnotesonblog}
  1495. display:none;
  1496. {/block:ifnotnotesonblog}
  1497. }
  1498.  
  1499. {block:permalink}
  1500. .postid_ .controls
  1501. {
  1502. display:none;
  1503. }
  1504.  
  1505. {/block:permalink}
  1506.  
  1507. .controls a
  1508. {
  1509. font-weight:700;
  1510. border-bottom:0px;
  1511. {block:ifgreynotecontrols}
  1512. color:#ccc !important;
  1513. {/block:ifgreynotecontrols}
  1514. {block:ifwhitenotecontrols}
  1515. color:#fff !important;
  1516. {/block:ifwhitenotecontrols}
  1517. {block:ifblacknotecontrols}
  1518. color:#000 !important;
  1519. {/block:ifblacknotecontrols}
  1520.  
  1521. }
  1522.  
  1523. .pull_left
  1524. {
  1525. float:left;
  1526. margin-right:20px;
  1527. }
  1528.  
  1529. .pull_right
  1530. {
  1531. float:right;
  1532.  
  1533. }
  1534.  
  1535. .like_button
  1536. {
  1537. margin:2px 0 0 7px;
  1538. }
  1539.  
  1540. .reblog_button
  1541. {
  1542. margin:2px 0 0 7px;
  1543. }
  1544.  
  1545. .share_button
  1546. {
  1547. font-family: 'fontello','Blank';
  1548. font-size:16px;
  1549. cursor:pointer;
  1550. {block:ifgreynotecontrols}
  1551. color:#ccc !important;
  1552. {/block:ifgreynotecontrols}
  1553. {block:ifwhitenotecontrols}
  1554. color:#fff !important;
  1555. {/block:ifwhitenotecontrols}
  1556. {block:ifblacknotecontrols}
  1557. color:#000 !important;
  1558. {/block:ifblacknotecontrols}
  1559. }
  1560. .cta_container
  1561. {
  1562. padding-top:15px;
  1563. text-align:center;
  1564. }
  1565. .cta
  1566. {
  1567. background: none;
  1568. border: 1px solid {color:Tagline};
  1569. color: {color:Tagline};
  1570. padding:7px;
  1571. padding-left:21px;
  1572. padding-right:21px;
  1573. font-weight:400;
  1574. font-size:15px;
  1575. cursor:pointer;
  1576. -webkit-border-radius: 5px;
  1577. -moz-border-radius: 5px;
  1578. border-radius: 5px;
  1579. }
  1580. .cta:hover
  1581. {
  1582. border: 2px solid {color:Tagline};
  1583. padding:6px;
  1584. padding-left:20px;
  1585. padding-right:20px;
  1586.  
  1587.  
  1588.  
  1589.  
  1590. }
  1591.  
  1592. {block:permalink}
  1593. .closebutton
  1594. {
  1595. display:none;
  1596. }
  1597. {/block:permalink}
  1598.  
  1599. button:focus{outline:0}
  1600.  
  1601. .closebutton
  1602. {
  1603. color:white;
  1604. font-family: 'fontello','Blank';
  1605. top:33px;
  1606. left:50px;
  1607. position:fixed;
  1608. font-size:25px;
  1609. cursor:pointer;
  1610. opacity:1;
  1611. -webkit-transition-duration: 0.4s;
  1612. -moz-transition-duration: 0.4s;
  1613. -o-transition-duration: 0.4s;
  1614. transition-duration: 0.4s;
  1615.  
  1616. -webkit-transition-property: -webkit-transform;
  1617. -moz-transition-property: -moz-transform;
  1618. -o-transition-property: -o-transform;
  1619. transition-property: transform;
  1620.  
  1621. }
  1622.  
  1623. .closebutton:hover
  1624. {
  1625. -webkit-transform:rotate(180deg);
  1626. -moz-transform:rotate(180deg);
  1627. -o-transform:rotate(180deg);
  1628.  
  1629.  
  1630. }
  1631.  
  1632. .permacaption
  1633. {
  1634. margin-bottom:30px;
  1635. }
  1636.  
  1637. .permainfo
  1638. {
  1639. font-weight: 700;
  1640. cursor:pointer;
  1641. color: #ccc;
  1642. font-size: 16px;
  1643. float:left;
  1644. margin-left: 8px;
  1645. {block:permalinkpage}
  1646. margin-top:1px;
  1647. {/block:permalinkpage}
  1648. }
  1649.  
  1650. .permainfo:after
  1651. {
  1652. font-family: 'fontello','Blank';
  1653. content:"d";
  1654. padding-left:10px;
  1655.  
  1656. }
  1657.  
  1658.  
  1659. .tags
  1660. {
  1661. margin-bottom:30px;
  1662. }
  1663. .tags span
  1664. {
  1665. margin-right:12px;
  1666. line-height:26px;
  1667. font-size:14px;
  1668. }
  1669.  
  1670. .tags span a
  1671. {
  1672. border-bottom:0px;
  1673. font-weight:normal;
  1674. }
  1675.  
  1676.  
  1677.  
  1678. .permacontrols a
  1679. {
  1680. font-weight:700;
  1681. border-bottom:0px;
  1682. }
  1683.  
  1684. .like_button2
  1685. {
  1686. margin-left:-4px;
  1687. }
  1688.  
  1689. .share_button2
  1690. {
  1691. margin-left: 7px;
  1692. margin-top: -2px;
  1693. {block:permalinkpage}
  1694. margin-top: 1px;
  1695. {/block:permalinkpage}
  1696. font-family: 'fontello','Blank';
  1697. font-size:19px;
  1698. cursor:pointer;
  1699. color:#ccc;
  1700. }
  1701.  
  1702. .morebutton
  1703. {
  1704. font-family: 'fontello','Blank';
  1705. font-size:19px;
  1706. cursor:pointer;
  1707. margin-top: -2px;
  1708. margin-left: 7px;
  1709.  
  1710. }
  1711.  
  1712.  
  1713. .bar-icon-wrapper {
  1714. position: absolute;
  1715. z-index:9999999;
  1716. top: 20px;
  1717. left: 20px;
  1718. margin-left: -11px;
  1719. margin-top: -11px;
  1720. -webkit-transform: translate3d(0, 0, 0); /* The zoom: 1; of new browsers */
  1721. }
  1722.  
  1723. .bar-icon {
  1724. height: 3px;
  1725. width: 20px;
  1726. background: #fff;
  1727. display: block;
  1728. opacity: 1;
  1729. margin-top: 4px;
  1730. -webkit-transition: -webkit-transform 0.15s linear;
  1731. -o-transition: -o-transform 0.15s linear;
  1732. -ms-transition: -ms-transform 0.15s linear;
  1733. -moz-transition: -moz-transform 0.15s linear;
  1734. transition: transform 0.15s linear;
  1735. -webkit-transform-origin: 50% 50%;
  1736. -o-transform-origin: 50% 50%;
  1737. -ms-transform-origin: 50% 50%;
  1738. -moz-transform-origin: 50% 50%;
  1739. transform-origin: 50% 50%;
  1740. }
  1741.  
  1742. .selector:hover .bar-icon:nth-child(2) {
  1743. -webkit-transition: opacity 0.1s linear;
  1744. -o-transition: opacity 0.1s linear;
  1745. -ms-transition: opacity 0.1s linear;
  1746. -moz-transition: opacity 0.1s linear;
  1747. transition: opacity 0.1s linear;
  1748. }
  1749.  
  1750. .selector:hover .bar-icon:nth-child(1) {
  1751. -webkit-transform: rotate(39deg) translate3d(5px, 10px, 0);
  1752. -o-transform: rotate(45deg) translate3d(5px, 5px, 0);
  1753. -ms-transform: rotate(45deg) translate3d(5px, 5px, 0);
  1754. -moz-transform: rotate(45deg) translate3d(5px, 5px, 0);
  1755. transform: rotate(45deg) translate3d(5px, 5px, 0);
  1756. width:15px;
  1757. }
  1758.  
  1759. .selector:hover .bar-icon:nth-child(2) {
  1760. opacity: 0;
  1761. }
  1762.  
  1763. .selector:hover .bar-icon:nth-child(3) {
  1764. -webkit-transform: rotate(-39deg) translate3d(5px, -10px, 0px);
  1765. -o-transform: rotate(-45deg) translate3d(5px, -5px, 0);
  1766. -ms-transform: rotate(-45deg) translate3d(5px, -5px, 0);
  1767. -moz-transform: rotate(-45deg) translate3d(5px, -5px, 0);
  1768. transform: rotate(-45deg) translate3d(5px, -5px, 0px);
  1769. width:15px;
  1770. }
  1771.  
  1772.  
  1773. .permalinkpage
  1774. {
  1775. color:#000000;
  1776. }
  1777.  
  1778.  
  1779.  
  1780. .showsharewidget
  1781. {
  1782. margin-top:10px !important;
  1783.  
  1784. display:block !important;
  1785. -webkit-transition: all .3s ease-in;
  1786.  
  1787. }
  1788.  
  1789.  
  1790. .sharewidget:before {
  1791. width: 16px;
  1792. height: 16px;
  1793. position: absolute;
  1794. top: -8px;
  1795. left: 97px;
  1796. content: "";
  1797. -moz-transform: rotate(45deg);
  1798. -ms-transform: rotate(45deg);
  1799. -webkit-transform: rotate(45deg);
  1800. transform: rotate(45deg);
  1801. background: #FFF;
  1802. border: 1px solid #CCC;
  1803. border-color: rgba(0,0,0,0.2);
  1804. border-right-width: 0;
  1805. border-bottom-width: 0
  1806. }
  1807.  
  1808. .sharewidget
  1809. {
  1810. -webkit-transition: all .3s ease-out;
  1811.  
  1812. margin-top:50px;
  1813. position:absolute;
  1814. width:210px;
  1815. height:110px;
  1816. background-color:#fff;
  1817. display:none;
  1818. z-index:997;
  1819.  
  1820. }
  1821.  
  1822.  
  1823.  
  1824. .photopost .sharewidget
  1825. {
  1826. left:-80px !important;
  1827.  
  1828. }
  1829.  
  1830. .textpost .sharewidget, .quotepost .sharewidget, .linkpost .sharewidget, .chatpost .sharewidget, .answerpost .sharewidget
  1831. {
  1832.  
  1833. margin-top:50px;
  1834. right:0px;
  1835. }
  1836.  
  1837. .textpost .showsharewidget, .quotepost .showsharewidget, .linkpost .showsharewidget, .chatpost .showsharewidget, .answerpost .showsharewidget
  1838. {
  1839. margin-top:45px !important;
  1840.  
  1841.  
  1842. }
  1843.  
  1844. .rightcontent .sharewidget
  1845. {
  1846. left:0px !important;
  1847. margin-top: 50px !important;
  1848. }
  1849.  
  1850.  
  1851.  
  1852. .url
  1853. {
  1854. float:left;
  1855. width:188px;
  1856. height:24px;
  1857. background-color:white;
  1858. font-size:12px;
  1859. padding-top:15px;
  1860. padding-bottom:10px;
  1861. padding:15px 10px 10px 10px;
  1862. border: 1px solid #CCC;
  1863. border-color: rgba(0,0,0,0.2);
  1864. border-bottom-width: 0
  1865.  
  1866.  
  1867. }
  1868.  
  1869. .inputurl
  1870. {
  1871. font-size:12px;
  1872. width:190px;
  1873. border:0;
  1874. text-align:center !important;
  1875. font-weight:bold;
  1876. outline: none;
  1877. color:#444444 !important;
  1878. margin:0 auto;
  1879. }
  1880.  
  1881. inputurl:focus
  1882. {
  1883. outline:none;
  1884. border:0;
  1885.  
  1886. }
  1887.  
  1888. .social
  1889. {
  1890. float:left;
  1891. width:210px;
  1892. height:70px;
  1893. background-color:blue;
  1894. }
  1895.  
  1896. .social img
  1897. {
  1898. width:100%;
  1899. }
  1900.  
  1901. .fb
  1902. {
  1903. float:left;
  1904. width:70px;
  1905. height:70px;
  1906. background-color:#3c599c;
  1907.  
  1908.  
  1909. }
  1910.  
  1911. .tw
  1912. {
  1913. float:left;
  1914. width:70px;
  1915. height:70px;
  1916. background-color:#3ac7fc;
  1917.  
  1918. }
  1919.  
  1920. .gg
  1921. {
  1922. float:left;
  1923. width:70px;
  1924. height:70px;
  1925. background-color:#dc4d3f;
  1926.  
  1927. }
  1928.  
  1929.  
  1930.  
  1931.  
  1932. .hidenotecontainer
  1933. {
  1934. display: none;
  1935.  
  1936.  
  1937. }
  1938.  
  1939. .shownotecontainer
  1940. {
  1941. display: block;
  1942. max-height:400px;
  1943. margin-bottom:40px;
  1944. width:auto;
  1945. position:absolute;
  1946.  
  1947. }
  1948.  
  1949. .shownotecontent
  1950. {
  1951. position:absolute;
  1952. margin-top: 50px;
  1953. display: block !important;
  1954. max-height:400px;
  1955. width:370px;
  1956. overflow:scroll;
  1957. overflow-x:hidden;
  1958. background-color:#fff;
  1959.  
  1960. border: 1px solid #ccc;
  1961. }
  1962.  
  1963.  
  1964.  
  1965. .arrow-up {
  1966. position: absolute;
  1967. width: 0;
  1968. left: 177px;
  1969. margin-top:40px;
  1970. z-index: 9;
  1971. height: 0;
  1972. border-left: 11px solid transparent;
  1973. border-right: 11px solid transparent;
  1974. border-bottom: 11px solid #fff;
  1975.  
  1976. }
  1977.  
  1978. .arrow-up2 {
  1979. position: absolute;
  1980. width: 0;
  1981. left: 176px;
  1982. margin-top:38px;
  1983. z-index: 8;
  1984. height: 0;
  1985. border-left: 12px solid transparent;
  1986. border-right: 12px solid transparent;
  1987. border-bottom: 12px solid #ccc;
  1988.  
  1989. }
  1990.  
  1991.  
  1992. ol.notes {
  1993. padding: 0px;
  1994. margin: 0px 0px;
  1995. list-style-type: none;
  1996. color:#888888;
  1997. font-size:12px;
  1998. border-bottom:0px !important;
  1999. }
  2000.  
  2001. ol.notes li.note {
  2002. border-top: solid 1px rgba(0,0,0,0.1);
  2003. margin: 0px 15px;
  2004. padding:10px 0;
  2005. width:340px;
  2006. float:left;
  2007. line-height: 12px;
  2008.  
  2009. }
  2010.  
  2011.  
  2012.  
  2013. ol.notes li.note:first-child {
  2014. border-top:0px;
  2015.  
  2016.  
  2017. }
  2018.  
  2019.  
  2020.  
  2021. #lightbox_content ol.notes li.note a{
  2022. color:#444444 !important;
  2023. }
  2024.  
  2025. ol.notes li.note img.avatar {
  2026. vertical-align: middle;
  2027. margin:0 20px 0 0px;
  2028. width: 32px;
  2029. -webkit-border-radius: 40px;
  2030. -moz-border-radius: 40px;
  2031. border-radius: 40px;
  2032. height: 32px;
  2033. float:left;
  2034.  
  2035. }
  2036.  
  2037. ol.notes li.note span.action {
  2038. vertical-align: -8px;
  2039.  
  2040. width: 200px;
  2041.  
  2042. }
  2043.  
  2044. ol.notes li.note .answer_content {
  2045. font-weight: normal;
  2046. }
  2047.  
  2048. ol.notes li.note blockquote {
  2049. border-color: #ccc !important;
  2050. padding: 4px 10px;
  2051. margin: 10px 0px 0px 54px;
  2052. }
  2053.  
  2054. ol.notes li.note blockquote a {
  2055. text-decoration: none;
  2056. }
  2057.  
  2058. .more_notes_link_container
  2059. {
  2060. border:0px;
  2061. padding: 20px 0px !important;
  2062.  
  2063. }
  2064.  
  2065.  
  2066. .musicplayer {margin-bottom:30px;padding:10px;background:#000}
  2067.  
  2068.  
  2069.  
  2070.  
  2071. .audioembed iframe {width:100%; height:100%;}
  2072.  
  2073.  
  2074. .audio .leftcontent .permaaudioembed iframe {width:500px!important; height:550px!important;}
  2075.  
  2076. .musicplayer iframe{width:500px; height:70px !important;}
  2077.  
  2078. .audioembed iframe{display:block;}
  2079.  
  2080. </style>
  2081.  
  2082. <!-- Custom CSS -->
  2083. <style type="text/css" media="screen">
  2084. {CustomCSS}
  2085. </style>
  2086.  
  2087.  
  2088.  
  2089.  
  2090. </head>
  2091.  
  2092. <body>
  2093.  
  2094.  
  2095.  
  2096.  
  2097.  
  2098.  
  2099. <script language="javascript">
  2100. function send()
  2101. {document.theform.submit()}
  2102.  
  2103. </script>
  2104.  
  2105.  
  2106.  
  2107. <div id="side" style="display:none;" class="sidebar">
  2108.  
  2109. <div class="tc_avatar {select:Avatar}"><img src="{PortraitURL-64}"></div>
  2110.  
  2111. {block:Description}<div class="description">
  2112. {Description}</div>{/block:Description}
  2113.  
  2114. <ul>
  2115.  
  2116. {block:AskEnabled} <a href="/ask" {Target}><li>Message</li></a>{/block:AskEnabled}
  2117. <a href="/archive" {Target}><li>Archive</li></a>
  2118. {block:SubmissionsEnabled}<a href="/submit" {Target}><li>{SubmitLabel}</li></a>{/block:SubmissionsEnabled}
  2119. <a href="/rss" {Target}><li>RSS</li></a>
  2120. {block:HasPages}
  2121. {block:Pages}
  2122. <a href="{URL}" {Target}><li>{Label}</li></a>
  2123. {/block:Pages}
  2124. {/block:HasPages}
  2125.  
  2126.  
  2127. <li class="search"><form action="/search" method="get" class="sfm" name="theform">
  2128. <input type="text" name="q" value="{SearchQuery}" id="sf" value="Search"/>
  2129. <button id="sb" type="submit" >B</button>
  2130. </form></li>
  2131.  
  2132.  
  2133. </ul>
  2134.  
  2135. <p class="copy"><a target="_blank" href="http://aura.blinkanditsover.com/"><i>Aura</i></a> by blinkanditsover</p>
  2136.  
  2137. </div>
  2138.  
  2139.  
  2140. <div class="content2 postid_{postid} {block:permalink}permalinkpage{/block:permalink}">
  2141. <div class="header" id="scrollto">
  2142. <div class="header_in">
  2143.  
  2144. <div class="logo"><a href="/">{block:ifnotlogoimage}{Title}{/block:ifnotlogoimage}{block:iflogoimage}<img src="{image:logo}">{/block:iflogoimage}</a>
  2145.  
  2146.  
  2147. </div>
  2148.  
  2149.  
  2150.  
  2151. <a href="#side" class="open-sidebar nav-button">
  2152.  
  2153. <div id="iconbuttonselect" class="iconbutton">
  2154. <div class="icon"></div>
  2155. <div class="icon2"></div>
  2156. <div class="icon3"></div>
  2157. </div>
  2158.  
  2159.  
  2160.  
  2161.  
  2162.  
  2163.  
  2164.  
  2165. </a>
  2166.  
  2167.  
  2168.  
  2169. </div>
  2170.  
  2171.  
  2172. </div>
  2173.  
  2174. {block:iftagline}
  2175.  
  2176.  
  2177. <div class="tagline {select:Tagline Background Style}">
  2178.  
  2179. <div class="tagline_text">{text:tagline}
  2180.  
  2181. {block:ifButton1}
  2182. <div class="cta_container">
  2183.  
  2184. <a href="{text:Button link 1}"><button class="cta">{text:Button 1}</button></a>
  2185.  
  2186.  
  2187. {block:ifButton2}
  2188. <a href="{text:Button link 2}"><button class="cta">{text:Button 2}</button></a>
  2189. {/block:ifButton2}
  2190. {block:ifButton3}
  2191. <a href="{text:Button link 3}"><button class="cta">{text:Button 3}</button></a>
  2192. {/block:ifButton3}
  2193. {block:ifButton4}
  2194. <a href="{text:Button link 4}"><button class="cta">{text:Button 4}</button></a>
  2195. {/block:ifButton4}
  2196. {block:ifButton5}
  2197. <a href="{text:Button link 5}"><button class="cta">{text:Button 5}</button></a>
  2198. {/block:ifButton5}
  2199. </div>
  2200. {/block:ifButton1}
  2201. </div>
  2202.  
  2203.  
  2204.  
  2205. </div>
  2206.  
  2207.  
  2208. {/block:iftagline}
  2209.  
  2210. {block:ifnottagline}{block:ifButton1}
  2211.  
  2212. <div class="tagline {select:Tagline Background Style}">
  2213.  
  2214.  
  2215.  
  2216.  
  2217. <div class="cta_container" style="padding-top:75px;padding-bottom:75px;">
  2218.  
  2219. <a href="{text:Button link 1}"><button class="cta">{text:Button 1}</button></a>
  2220.  
  2221.  
  2222. {block:ifButton2}
  2223. <a href="{text:Button link 2}"><button class="cta">{text:Button 2}</button></a>
  2224. {/block:ifButton2}
  2225. {block:ifButton3}
  2226. <a href="{text:Button link 3}"><button class="cta">{text:Button 3}</button></a>
  2227. {/block:ifButton3}
  2228. {block:ifButton4}
  2229. <a href="{text:Button link 4}"><button class="cta">{text:Button 4}</button></a>
  2230. {/block:ifButton4}
  2231. {block:ifButton5}
  2232. <a href="{text:Button link 5}"><button class="cta">{text:Button 5}</button></a>
  2233. {/block:ifButton5}
  2234. </div>
  2235.  
  2236. </div>
  2237.  
  2238.  
  2239.  
  2240. </div>
  2241. {/block:ifButton1}{/block:ifnottagline}
  2242.  
  2243. <div class="content" id="{block:permalink}tc_post_perma{/block:permalink}">
  2244. {block:permalink}
  2245. <div class="closebutton">
  2246. <span onclick="ClosePerma()">x</span>
  2247. </div>
  2248. {/block:permalink}
  2249. {block:Posts}
  2250.  
  2251. {block:Photo}
  2252. <div class="article scroll photopost" {block:indexpage}{block:ifnotnotesonblog}style="cursor:pointer;" onclick="PopPerma('{Permalink}','{PostID}')"{/block:ifnotnotesonblog}{/block:indexpage} >
  2253.  
  2254.  
  2255. {block:ifnotesonblog} {block:indexpage}
  2256. <div class="tc_post_controls">
  2257. <div class="tc_post_controls_container">
  2258. {block:NoteCount}<div class="photocount" style="cursor:pointer;" onclick="PopPerma('{Permalink}','{PostID}')">{NoteCountwithlabel}</div>{/block:NoteCount}
  2259.  
  2260. <div class="photocount" style="cursor:pointer; {block:NoteCount}display:none;{/block:NoteCount}" onclick="PopPerma('{Permalink}','{PostID}')">0 notes</div>
  2261.  
  2262.  
  2263. <span onclick="SwapClass('share_widget_{PostID}','showsharewidget');" class="share circleme">o</span>
  2264.  
  2265.  
  2266. <div class="sharewidget" id="share_widget_{PostID}">
  2267. <div class="url"><input class="inputurl" onClick="this.select();" value="{ShortURL}" /></div>
  2268.  
  2269. <div class="social">
  2270. <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="fb"><img src="http://static.tumblr.com/2w7y46r/BrFn6jkta/fb.jpg"></div></a>
  2271.  
  2272. <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="tw"><img src="http://static.tumblr.com/2w7y46r/yKqn6jktg/tw.jpg"></div></a>
  2273. <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;">
  2274. <div class="gg"><img src="http://static.tumblr.com/2w7y46r/YFBn6jktd/gg.jpg"></div></a>
  2275.  
  2276. </div>
  2277. </div>
  2278.  
  2279.  
  2280.  
  2281. <span class="reblogIcon circleme" style="margin-left:7px;"> {ReblogButton size="20" color="white"}</span>
  2282.  
  2283. <span style="margin-left:2px;" class="heart_icon circleme" href="javascript:void(0);">{LikeButton size="20" color="white"}</span>
  2284.  
  2285. </div>
  2286.  
  2287.  
  2288. <div class="tc_post_controls_background" style="cursor:pointer;" onclick="PopPerma('{Permalink}','{PostID}')"></div>
  2289. </div>
  2290. {/block:indexpage}{/block:ifnotesonblog}
  2291.  
  2292.  
  2293. {block:permalinkpage}<div class="leftcontent">{/block:permalinkpage}
  2294. <img src="{photoURL-500}" class="photowidth"/>
  2295. {block:permalinkpage}</div>{/block:permalinkpage}
  2296.  
  2297. {block:permalinkpage}
  2298. <div class="rightcontent">
  2299. {block:Caption}<div class="permacaption">{Caption}</div>{/block:Caption}
  2300.  
  2301.  
  2302. {block:HasTags}<div class="tags">{block:Tags}<span><a href="{TagURL}">#{Tag}</a></span>{/block:Tags}</div>{/block:HasTags}
  2303.  
  2304.  
  2305.  
  2306.  
  2307. <div class="permacontrols">
  2308. <div class="pull_left like_button2">
  2309. {LikeButton size="19" color="grey"}
  2310. </div>
  2311.  
  2312. <div class="pull_left reblog_button2">
  2313. {ReblogButton size="19" color="grey"}
  2314.  
  2315. </div>
  2316.  
  2317.  
  2318. <div class="pull_left share_button2" onclick="SwapClass('share_widget_{PostID}_perma','showsharewidget');">
  2319. o
  2320. </div>
  2321.  
  2322. <div class="sharewidget" id="share_widget_{PostID}_perma">
  2323. <div class="url"><input class="inputurl" onClick="this.select();" value="{ShortURL}" /></div>
  2324.  
  2325. <div class="social">
  2326. <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="fb"><img src="http://static.tumblr.com/2w7y46r/BrFn6jkta/fb.jpg"></div></a>
  2327.  
  2328. <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="tw"><img src="http://static.tumblr.com/2w7y46r/yKqn6jktg/tw.jpg"></div></a>
  2329. <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;">
  2330. <div class="gg"><img src="http://static.tumblr.com/2w7y46r/YFBn6jktd/gg.jpg"></div></a>
  2331.  
  2332. </div>
  2333. </div>
  2334.  
  2335. {block:NoteCount}
  2336. <div class="permainfo" onclick="SwapClass('notecontainer','shownotecontainer');">{NoteCountWithLabel}</div>{/block:NoteCount}
  2337.  
  2338.  
  2339. <div id="notecontainer" class="hidenotecontainer">
  2340. <div class="arrow-up"></div>
  2341. <div class="arrow-up2"></div>
  2342. <div class="shownotecontent">
  2343.  
  2344.  
  2345. {block:PostNotes}{PostNotes-64}{/block:PostNotes}
  2346. </div>
  2347.  
  2348. </div>
  2349.  
  2350. </div>
  2351.  
  2352. </div>
  2353. {/block:permalinkpage}
  2354.  
  2355.  
  2356.  
  2357.  
  2358.  
  2359. </div>
  2360.  
  2361.  
  2362.  
  2363. {/block:Photo}
  2364.  
  2365.  
  2366.  
  2367.  
  2368. {block:Photoset}
  2369. <div class="article scroll photopost {block:HasTags}{block:Tags} {URLSafeTag}{/block:Tags}{/block:HasTags}" {block:indexpage}{block:ifnotnotesonblog}style="cursor:pointer;" onclick="PopPerma('{Permalink}','{PostID}')"{/block:ifnotnotesonblog}{/block:indexpage}>
  2370.  
  2371.  
  2372. {block:ifnotesonblog} {block:indexpage}
  2373. <div class="tc_post_controls">
  2374. <div class="tc_post_controls_container">
  2375. {block:NoteCount}<div class="photocount" style="cursor:pointer;" onclick="PopPerma('{Permalink}','{PostID}')">{NoteCountwithlabel}</div>{/block:NoteCount}
  2376.  
  2377.  
  2378.  
  2379. <div class="photocount" style="{block:NoteCount}display:none;{/block:NoteCount}">0 notes</div>
  2380.  
  2381. <span onclick="SwapClass('share_widget_{PostID}','showsharewidget');" class="share circleme">o</span>
  2382.  
  2383. <div class="sharewidget" id="share_widget_{PostID}">
  2384. <div class="url"><input class="inputurl" onClick="this.select();" value="{ShortURL}" /></div>
  2385.  
  2386. <div class="social">
  2387. <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="fb"><img src="http://static.tumblr.com/2w7y46r/BrFn6jkta/fb.jpg"></div></a>
  2388.  
  2389. <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="tw"><img src="http://static.tumblr.com/2w7y46r/yKqn6jktg/tw.jpg"></div></a>
  2390. <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;">
  2391. <div class="gg"><img src="http://static.tumblr.com/2w7y46r/YFBn6jktd/gg.jpg"></div></a>
  2392.  
  2393. </div>
  2394. </div>
  2395. <span class="reblogIcon circleme"> {ReblogButton size="20" color="white"}</span>
  2396.  
  2397. <span class="heart_icon circleme" href="javascript:void(0);">{LikeButton size="20" color="white"}</span>
  2398.  
  2399. </div>
  2400.  
  2401.  
  2402.  
  2403. <div class="tc_post_controls_background" style="cursor:pointer;" onclick="PopPerma('{Permalink}','{PostID}')"}></div>
  2404. </div>
  2405. {/block:indexpage}{/block:ifnotesonblog}
  2406.  
  2407. {block:indexpage}
  2408. <div class="my-photoset">
  2409. {block:Photos}
  2410. <img src="{PhotoURL-500}" border="0" class="photowidth" />
  2411. {/block:Photos}</div>
  2412. {/block:indexpage}
  2413.  
  2414. {block:permalinkpage}
  2415. <div class="leftcontent">{Photoset}</div>
  2416. {/block:permalinkpage}
  2417.  
  2418.  
  2419. {block:permalinkpage}
  2420. <div class="rightcontent">
  2421. {block:Caption}<div class="permacaption">{Caption}</div>{/block:Caption}
  2422.  
  2423.  
  2424. {block:HasTags}<div class="tags">{block:Tags}<span><a href="{TagURL}">#{Tag}</a></span>{/block:Tags}</div>{/block:HasTags}
  2425.  
  2426. <div class="permacontrols">
  2427. <div class="pull_left like_button2">
  2428. {LikeButton size="17" color="grey"}
  2429. </div>
  2430.  
  2431. <div class="pull_left reblog_button2">
  2432. {ReblogButton size="17" color="grey"}
  2433.  
  2434. </div>
  2435.  
  2436.  
  2437. <div class="pull_left share_button2" onclick="SwapClass('share_widget_{PostID}_perma','showsharewidget');">
  2438. o
  2439. </div>
  2440.  
  2441. <div class="sharewidget" id="share_widget_{PostID}_perma">
  2442. <div class="url"><input class="inputurl" onClick="this.select();" value="{ShortURL}" /></div>
  2443.  
  2444. <div class="social">
  2445. <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="fb"><img src="http://static.tumblr.com/2w7y46r/BrFn6jkta/fb.jpg"></div></a>
  2446.  
  2447. <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="tw"><img src="http://static.tumblr.com/2w7y46r/yKqn6jktg/tw.jpg"></div></a>
  2448. <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;">
  2449. <div class="gg"><img src="http://static.tumblr.com/2w7y46r/YFBn6jktd/gg.jpg"></div></a>
  2450.  
  2451. </div>
  2452. </div>
  2453.  
  2454. {block:NoteCount}
  2455. <div class="permainfo" onclick="SwapClass('notecontainer','shownotecontainer');">{NoteCountWithLabel}</div>{/block:NoteCount}
  2456.  
  2457. <div id="notecontainer" class="hidenotecontainer">
  2458. <div class="arrow-up"></div>
  2459. <div class="arrow-up2"></div>
  2460. <div class="shownotecontent">
  2461.  
  2462.  
  2463. {block:PostNotes}{PostNotes-64}{/block:PostNotes}
  2464. </div>
  2465.  
  2466. </div>
  2467.  
  2468. </div>
  2469.  
  2470. </div>
  2471. {/block:permalinkpage}
  2472. </div>
  2473.  
  2474.  
  2475. {/block:Photoset}
  2476.  
  2477. {block:Audio}
  2478.  
  2479.  
  2480.  
  2481. <div class="article scroll audio" {block:indexpage}style="background-color:{color:text posts}; cursor:pointer;" onclick="PopPerma('{Permalink}','{PostID}')"{/block:indexpage}>
  2482.  
  2483.  
  2484. {block:permalinkpage}
  2485. <div class="leftcontent"><div style="float:right;">{block:AudioEmbed}<div class="permaaudioembed">{AudioEmbed}</div>{/block:AudioEmbed}{block:AudioPlayer}<div class="musicplayer">{AudioPlayerBlack}</div>{/block:AudioPlayer}</div></div>
  2486. <div class="rightcontent">
  2487. {block:Caption}<div class="permacaption">{Caption}</div>{/block:Caption}
  2488.  
  2489. {block:PlayCount} <div class="permacaption" style="font-weight:bold;">{PlayCountWithLabel}</div>{/block:PlayCount}
  2490.  
  2491.  
  2492. {block:HasTags}<div class="tags">{block:Tags}<span><a href="{TagURL}">#{Tag}</a></span>{/block:Tags}</div>{/block:HasTags}
  2493.  
  2494. <div class="permacontrols">
  2495. <div class="pull_left like_button2">
  2496. {LikeButton size="17" color="grey"}
  2497. </div>
  2498.  
  2499. <div class="pull_left reblog_button2">
  2500. {ReblogButton size="17" color="grey"}
  2501.  
  2502. </div>
  2503.  
  2504.  
  2505. <div class="pull_left share_button2" onclick="SwapClass('share_widget_{PostID}_perma','showsharewidget');">
  2506. o
  2507. </div>
  2508.  
  2509. <div class="sharewidget" id="share_widget_{PostID}_perma">
  2510. <div class="url"><input class="inputurl" onClick="this.select();" value="{ShortURL}" /></div>
  2511.  
  2512. <div class="social">
  2513. <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="fb"><img src="http://static.tumblr.com/2w7y46r/BrFn6jkta/fb.jpg"></div></a>
  2514.  
  2515. <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="tw"><img src="http://static.tumblr.com/2w7y46r/yKqn6jktg/tw.jpg"></div></a>
  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;">
  2517. <div class="gg"><img src="http://static.tumblr.com/2w7y46r/YFBn6jktd/gg.jpg"></div></a>
  2518.  
  2519. </div>
  2520. </div>
  2521.  
  2522. {block:NoteCount}
  2523. <div class="permainfo" onclick="SwapClass('notecontainer','shownotecontainer');">{NoteCountWithLabel}</div>{/block:NoteCount}
  2524.  
  2525. <div id="notecontainer" class="hidenotecontainer">
  2526. <div class="arrow-up"></div>
  2527. <div class="arrow-up2"></div>
  2528. <div class="shownotecontent">
  2529.  
  2530.  
  2531. {block:PostNotes}{PostNotes-64}{/block:PostNotes}
  2532. </div>
  2533.  
  2534. </div>
  2535.  
  2536. </div>
  2537.  
  2538. </div>
  2539. {/block:permalinkpage}
  2540.  
  2541.  
  2542.  
  2543. {block:indexpage}
  2544. <div style="{block:AudioEmbed}display:none{/block:AudioEmbed}" class="playcircle2"></div>
  2545. <div style="{block:AudioEmbed}display:none{/block:AudioEmbed}"class="playcircle"></div>
  2546. <div style="{block:AudioEmbed}display:none{/block:AudioEmbed}"class="play"></div>
  2547.  
  2548. {block:AudioEmbed}
  2549. <div style="position:absolute; width:100%; height:100%; cursor:pointer; " onclick="PopPerma('{Permalink}','{PostID}')"></div>
  2550. {/block:AudioEmbed}
  2551.  
  2552. <div class="audioembed" {block:AudioPlayer}display:none{/block:AudioPlayer}">{block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}</div>
  2553.  
  2554.  
  2555. <img src="http://static.tumblr.com/ssdtkch/5GCn5ff7n/tran.png" style="width:100%;display:block; {block:AlbumArt}display:none;{/block:AlbumArt}{block:AudioEmbed}display:none;{/block:AudioEmbed}"/>
  2556.  
  2557. {block:AlbumArt}
  2558. <img src="{AlbumArtURL}" style="width:100%; display:block; "/>
  2559. {/block:AlbumArt}
  2560. {/block:indexpage}
  2561. </div>
  2562.  
  2563.  
  2564. {/block:Audio}
  2565.  
  2566.  
  2567. {block:Text}
  2568.  
  2569.  
  2570. {block:ifnotesonblog}
  2571. <div class="article">
  2572. {/block:ifnotesonblog}
  2573.  
  2574. {block:ifnotnotesonblog}
  2575. <div class="article scroll" {block:indexpage}style="cursor:pointer;" onclick="PopPerma('{Permalink}','{PostID}')"{/block:indexpage}>
  2576. {/block:ifnotnotesonblog}
  2577.  
  2578. {block:indexpage}
  2579. <div class="textpost">
  2580. {block:Title}<h1>{Title}</h1>{/block:Title}
  2581. <p>{Body}</p>
  2582.  
  2583. <div class="controls">
  2584.  
  2585. <div class="pull_left"><a style="cursor:pointer;" onclick="PopPerma('{Permalink}','{PostID}')">
  2586. {block:NoteCount}{NoteCountwithlabel} {/block:NoteCount}
  2587.  
  2588. <span style="{block:NoteCount}display:none;{/block:NoteCount}">0 notes</span> </a></div>
  2589.  
  2590.  
  2591.  
  2592.  
  2593. {block:ifwhitenotecontrols}
  2594. <div class="pull_right like_button">
  2595. {LikeButton size="17" color="white"}
  2596. </div>
  2597.  
  2598. <div class="pull_right reblog_button">
  2599. {ReblogButton size="17" color="white"}
  2600.  
  2601. </div>
  2602.  
  2603. {/block:ifwhitenotecontrols}
  2604.  
  2605. {block:ifgreynotecontrols}
  2606. <div class="pull_right like_button">
  2607. {LikeButton size="17" color="grey"}
  2608. </div>
  2609.  
  2610. <div class="pull_right reblog_button">
  2611. {ReblogButton size="17" color="grey"}
  2612.  
  2613. </div>
  2614.  
  2615. {/block:ifgreynotecontrols}
  2616.  
  2617. {block:ifblacknotecontrols}
  2618. <div class="pull_right like_button">
  2619. {LikeButton size="17" color="black"}
  2620. </div>
  2621.  
  2622. <div class="pull_right reblog_button">
  2623. {ReblogButton size="17" color="black"}
  2624.  
  2625. </div>
  2626.  
  2627. {/block:ifblacknotecontrols}
  2628.  
  2629.  
  2630.  
  2631.  
  2632. <div onclick="SwapClass('share_widget_{PostID}','showsharewidget');" class="pull_right share_button">
  2633. o
  2634. </div>
  2635.  
  2636.  
  2637. <div class="sharewidget" id="share_widget_{PostID}">
  2638. <div class="url"><input class="inputurl" onClick="this.select();" value="{ShortURL}" /></div>
  2639.  
  2640. <div class="social">
  2641. <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="fb"><img src="http://static.tumblr.com/2w7y46r/BrFn6jkta/fb.jpg"></div></a>
  2642.  
  2643. <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="tw"><img src="http://static.tumblr.com/2w7y46r/yKqn6jktg/tw.jpg"></div></a>
  2644. <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;">
  2645. <div class="gg"><img src="http://static.tumblr.com/2w7y46r/YFBn6jktd/gg.jpg"></div></a>
  2646.  
  2647. </div>
  2648. </div>
  2649.  
  2650.  
  2651.  
  2652. </div>
  2653. </div>
  2654. {/block:indexpage}
  2655.  
  2656. {block:permalinkpage}<div class="leftcontent textpost_perma">
  2657.  
  2658.  
  2659. {block:Title}<h1>{Title}</h1>{/block:Title}
  2660. <p>{Body}</p>
  2661.  
  2662. </div>
  2663. <div class="rightcontent">
  2664.  
  2665.  
  2666. {block:HasTags}<div class="tags">{block:Tags}<span><a href="{TagURL}">#{Tag}</a></span>{/block:Tags}</div>{/block:HasTags}
  2667.  
  2668. <div class="permacontrols">
  2669. <div class="pull_left like_button2">
  2670. {LikeButton size="19" color="grey"}
  2671. </div>
  2672.  
  2673. <div class="pull_left reblog_button2">
  2674. {ReblogButton size="19" color="grey"}
  2675.  
  2676. </div>
  2677.  
  2678. <div class="pull_left share_button2" onclick="SwapClass('share_widget_{PostID}_perma','showsharewidget');">
  2679. o
  2680. </div>
  2681.  
  2682. <div class="sharewidget" id="share_widget_{PostID}_perma">
  2683. <div class="url"><input class="inputurl" onClick="this.select();" value="{ShortURL}" /></div>
  2684.  
  2685. <div class="social">
  2686. <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="fb"><img src="http://static.tumblr.com/2w7y46r/BrFn6jkta/fb.jpg"></div></a>
  2687.  
  2688. <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="tw"><img src="http://static.tumblr.com/2w7y46r/yKqn6jktg/tw.jpg"></div></a>
  2689. <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;">
  2690. <div class="gg"><img src="http://static.tumblr.com/2w7y46r/YFBn6jktd/gg.jpg"></div></a>
  2691.  
  2692. </div>
  2693. </div>
  2694.  
  2695. {block:NoteCount}
  2696. <div class="permainfo" onclick="SwapClass('notecontainer','shownotecontainer');">{NoteCountWithLabel}</div>{/block:NoteCount}
  2697.  
  2698. <div id="notecontainer" class="hidenotecontainer">
  2699. <div class="arrow-up"></div>
  2700. <div class="arrow-up2"></div>
  2701. <div class="shownotecontent">
  2702.  
  2703.  
  2704. {block:PostNotes}{PostNotes-64}{/block:PostNotes}
  2705. </div>
  2706.  
  2707. </div>
  2708.  
  2709. </div>
  2710.  
  2711. </div>
  2712. {/block:permalinkpage}
  2713.  
  2714.  
  2715.  
  2716. </div>
  2717. {/block:Text}
  2718.  
  2719.  
  2720. {block:Quote}
  2721.  
  2722. {block:ifnotesonblog}
  2723. <div class="article">
  2724. {/block:ifnotesonblog}
  2725.  
  2726. {block:ifnotnotesonblog}
  2727. <div class="article scroll" {block:indexpage}style="cursor:pointer;" onclick="PopPerma('{Permalink}','{PostID}')"{/block:indexpage}>
  2728. {/block:ifnotnotesonblog}
  2729.  
  2730. {block:indexpage}
  2731. <div class="quotepost">
  2732. <h1>{Quote} ”</h1>
  2733. {block:Source}<p style="margin-top:10px;">- {Source}</p>{/block:Source}
  2734.  
  2735. <div class="controls">
  2736.  
  2737. <div class="pull_left"><a style="cursor:pointer;" onclick="PopPerma('{Permalink}','{PostID}')">
  2738. {block:NoteCount}{NoteCountwithlabel} {/block:NoteCount}
  2739.  
  2740. <span style="{block:NoteCount}display:none;{/block:NoteCount}">0 notes</span> </a></div>
  2741.  
  2742.  
  2743.  
  2744. {block:ifwhitenotecontrols}
  2745. <div class="pull_right like_button">
  2746. {LikeButton size="17" color="white"}
  2747. </div>
  2748.  
  2749. <div class="pull_right reblog_button">
  2750. {ReblogButton size="17" color="white"}
  2751.  
  2752. </div>
  2753.  
  2754. {/block:ifwhitenotecontrols}
  2755.  
  2756. {block:ifgreynotecontrols}
  2757. <div class="pull_right like_button">
  2758. {LikeButton size="17" color="grey"}
  2759. </div>
  2760.  
  2761. <div class="pull_right reblog_button">
  2762. {ReblogButton size="17" color="grey"}
  2763.  
  2764. </div>
  2765.  
  2766. {/block:ifgreynotecontrols}
  2767.  
  2768. {block:ifblacknotecontrols}
  2769. <div class="pull_right like_button">
  2770. {LikeButton size="17" color="black"}
  2771. </div>
  2772.  
  2773. <div class="pull_right reblog_button">
  2774. {ReblogButton size="17" color="black"}
  2775.  
  2776. </div>
  2777.  
  2778. {/block:ifblacknotecontrols}
  2779.  
  2780.  
  2781. <div onclick="SwapClass('share_widget_{PostID}','showsharewidget');" class="pull_right share_button">
  2782. o
  2783. </div>
  2784.  
  2785.  
  2786. <div class="sharewidget" id="share_widget_{PostID}">
  2787. <div class="url"><input class="inputurl" onClick="this.select();" value="{ShortURL}" /></div>
  2788.  
  2789. <div class="social">
  2790. <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="fb"><img src="http://static.tumblr.com/2w7y46r/BrFn6jkta/fb.jpg"></div></a>
  2791.  
  2792. <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="tw"><img src="http://static.tumblr.com/2w7y46r/yKqn6jktg/tw.jpg"></div></a>
  2793. <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;">
  2794. <div class="gg"><img src="http://static.tumblr.com/2w7y46r/YFBn6jktd/gg.jpg"></div></a>
  2795.  
  2796. </div>
  2797. </div>
  2798.  
  2799.  
  2800.  
  2801. </div>
  2802. </div>
  2803. {/block:indexpage}
  2804.  
  2805. {block:permalinkpage}
  2806. <div class="leftcontent quotepost_perma">
  2807.  
  2808. <h1>“ {Quote} ”</h1>
  2809. {block:Source}<p style="margin-top:10px;">- {Source}</p>{/block:Source}
  2810.  
  2811. </div>
  2812. <div class="rightcontent">
  2813.  
  2814.  
  2815. {block:HasTags}<div class="tags">{block:Tags}<span><a href="{TagURL}">#{Tag}</a></span>{/block:Tags}</div>{/block:HasTags}
  2816.  
  2817. <div class="permacontrols">
  2818. <div class="pull_left like_button2">
  2819. {LikeButton size="19" color="grey"}
  2820. </div>
  2821.  
  2822. <div class="pull_left reblog_button2">
  2823. {ReblogButton size="19" color="grey"}
  2824.  
  2825. </div>
  2826.  
  2827.  
  2828. <div class="pull_left share_button2" onclick="SwapClass('share_widget_{PostID}_perma','showsharewidget');">
  2829. o
  2830. </div>
  2831.  
  2832. <div class="sharewidget" id="share_widget_{PostID}_perma">
  2833. <div class="url"><input class="inputurl" onClick="this.select();" value="{ShortURL}" /></div>
  2834.  
  2835. <div class="social">
  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="fb"><img src="http://static.tumblr.com/2w7y46r/BrFn6jkta/fb.jpg"></div></a>
  2837.  
  2838. <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="tw"><img src="http://static.tumblr.com/2w7y46r/yKqn6jktg/tw.jpg"></div></a>
  2839. <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;">
  2840. <div class="gg"><img src="http://static.tumblr.com/2w7y46r/YFBn6jktd/gg.jpg"></div></a>
  2841.  
  2842. </div>
  2843. </div>
  2844.  
  2845. <div id="notecontainer" class="hidenotecontainer">
  2846. <div class="arrow-up"></div>
  2847. <div class="arrow-up2"></div>
  2848. <div class="shownotecontent">
  2849.  
  2850.  
  2851. {block:PostNotes}{PostNotes-64}{/block:PostNotes}
  2852. </div>
  2853.  
  2854. </div>
  2855.  
  2856. </div>
  2857.  
  2858. </div>
  2859. {/block:permalinkpage}
  2860.  
  2861. </div>
  2862. {/block:Quote}
  2863.  
  2864.  
  2865. {block:Link}
  2866.  
  2867. {block:ifnotesonblog}
  2868. <div class="article">
  2869. {/block:ifnotesonblog}
  2870.  
  2871. {block:ifnotnotesonblog}
  2872. <div class="article scroll" {block:indexpage}style="cursor:pointer;" onclick="PopPerma('{Permalink}','{PostID}')"{/block:indexpage}>
  2873. {/block:ifnotnotesonblog}
  2874.  
  2875. {block:indexpage}
  2876. <div class="linkpost">
  2877. <h1><a href="{URL}" {target}>{Name}</a></h1>
  2878.  
  2879. {block:Description}{Description}{/block:Description}
  2880. <div class="controls">
  2881.  
  2882. <div class="pull_left"><a style="cursor:pointer;" onclick="PopPerma('{Permalink}','{PostID}')">
  2883. {block:NoteCount}{NoteCountwithlabel} {/block:NoteCount}
  2884.  
  2885. <span style="{block:NoteCount}display:none;{/block:NoteCount}">0 notes</span>
  2886. </a></div>
  2887.  
  2888.  
  2889.  
  2890.  
  2891. {block:ifwhitenotecontrols}
  2892. <div class="pull_right like_button">
  2893. {LikeButton size="17" color="white"}
  2894. </div>
  2895.  
  2896. <div class="pull_right reblog_button">
  2897. {ReblogButton size="17" color="white"}
  2898.  
  2899. </div>
  2900.  
  2901. {/block:ifwhitenotecontrols}
  2902.  
  2903. {block:ifgreynotecontrols}
  2904. <div class="pull_right like_button">
  2905. {LikeButton size="17" color="grey"}
  2906. </div>
  2907.  
  2908. <div class="pull_right reblog_button">
  2909. {ReblogButton size="17" color="grey"}
  2910.  
  2911. </div>
  2912.  
  2913. {/block:ifgreynotecontrols}
  2914.  
  2915. {block:ifblacknotecontrols}
  2916. <div class="pull_right like_button">
  2917. {LikeButton size="17" color="black"}
  2918. </div>
  2919.  
  2920. <div class="pull_right reblog_button">
  2921. {ReblogButton size="17" color="black"}
  2922.  
  2923. </div>
  2924.  
  2925. {/block:ifblacknotecontrols}
  2926.  
  2927.  
  2928. <div onclick="SwapClass('share_widget_{PostID}','showsharewidget');" class="pull_right share_button">
  2929. o
  2930. </div>
  2931.  
  2932.  
  2933. <div class="sharewidget" id="share_widget_{PostID}">
  2934. <div class="url"><input class="inputurl" onClick="this.select();" value="{ShortURL}" /></div>
  2935.  
  2936. <div class="social">
  2937. <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="fb"><img src="http://static.tumblr.com/2w7y46r/BrFn6jkta/fb.jpg"></div></a>
  2938.  
  2939. <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="tw"><img src="http://static.tumblr.com/2w7y46r/yKqn6jktg/tw.jpg"></div></a>
  2940. <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;">
  2941. <div class="gg"><img src="http://static.tumblr.com/2w7y46r/YFBn6jktd/gg.jpg"></div></a>
  2942.  
  2943. </div>
  2944. </div>
  2945.  
  2946.  
  2947.  
  2948. </div>
  2949. </div>
  2950.  
  2951. {/block:indexpage}
  2952.  
  2953. {block:permalinkpage}<div class="leftcontent linkpost_perma">
  2954.  
  2955.  
  2956. <h1><a href="{URL}" {target}>{Name}</a></h1>
  2957.  
  2958. {block:Description}{Description}{/block:Description}
  2959.  
  2960. </div>
  2961. <div class="rightcontent">
  2962.  
  2963.  
  2964. {block:HasTags}<div class="tags">{block:Tags}<span><a href="{TagURL}">#{Tag}</a></span>{/block:Tags}</div>{/block:HasTags}
  2965.  
  2966. <div class="permacontrols">
  2967. <div class="pull_left like_button2">
  2968. {LikeButton size="19" color="grey"}
  2969. </div>
  2970.  
  2971. <div class="pull_left reblog_button2">
  2972. {ReblogButton size="19" color="grey"}
  2973.  
  2974. </div>
  2975.  
  2976.  
  2977. <div class="pull_left share_button2" onclick="SwapClass('share_widget_{PostID}_perma','showsharewidget');">
  2978. o
  2979. </div>
  2980.  
  2981. <div class="sharewidget" id="share_widget_{PostID}_perma">
  2982. <div class="url"><input class="inputurl" onClick="this.select();" value="{ShortURL}" /></div>
  2983.  
  2984. <div class="social">
  2985. <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="fb"><img src="http://static.tumblr.com/2w7y46r/BrFn6jkta/fb.jpg"></div></a>
  2986.  
  2987. <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="tw"><img src="http://static.tumblr.com/2w7y46r/yKqn6jktg/tw.jpg"></div></a>
  2988. <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;">
  2989. <div class="gg"><img src="http://static.tumblr.com/2w7y46r/YFBn6jktd/gg.jpg"></div></a>
  2990.  
  2991. </div>
  2992. </div>
  2993.  
  2994. {block:NoteCount}
  2995. <div class="permainfo" onclick="SwapClass('notecontainer','shownotecontainer');">{NoteCountWithLabel}</div>{/block:NoteCount}
  2996.  
  2997. <div id="notecontainer" class="hidenotecontainer">
  2998. <div class="arrow-up"></div>
  2999. <div class="arrow-up2"></div>
  3000. <div class="shownotecontent">
  3001.  
  3002.  
  3003. {block:PostNotes}{PostNotes-64}{/block:PostNotes}
  3004. </div>
  3005.  
  3006. </div>
  3007.  
  3008. </div>
  3009.  
  3010. </div>
  3011. {/block:permalinkpage}
  3012.  
  3013.  
  3014.  
  3015. </div>
  3016. {block:Link}
  3017.  
  3018. {block:Chat}
  3019.  
  3020. {block:ifnotesonblog}
  3021. <div class="article">
  3022. {/block:ifnotesonblog}
  3023.  
  3024. {block:ifnotnotesonblog}
  3025. <div class="article scroll" {block:indexpage}style="cursor:pointer;" onclick="PopPerma('{Permalink}','{PostID}')"{/block:indexpage}>
  3026. {/block:ifnotnotesonblog}
  3027.  
  3028.  
  3029.  
  3030. {block:indexpage}
  3031. <div class="chatpost">
  3032.  
  3033. {block:Title}<h1>{Title}</h1>{/block:Title}
  3034.  
  3035.  
  3036. {block:Lines}<p class="{Alt}">
  3037. {block:Label}
  3038. {Label}
  3039.  
  3040. {/block:Label}
  3041. {Line}</p>
  3042. {/block:Lines}
  3043. <div class="controls" style="margin:0 20px 20px 20px; width:auto;">
  3044.  
  3045. <div class="pull_left"><a style="cursor:pointer;" onclick="PopPerma('{Permalink}','{PostID}')">
  3046. {block:NoteCount}{NoteCountwithlabel} {/block:NoteCount}
  3047.  
  3048. <span style="{block:NoteCount}display:none;{/block:NoteCount}">0 notes</span> </a></div>
  3049.  
  3050.  
  3051.  
  3052. {block:ifwhitenotecontrols}
  3053. <div class="pull_right like_button">
  3054. {LikeButton size="17" color="white"}
  3055. </div>
  3056.  
  3057. <div class="pull_right reblog_button">
  3058. {ReblogButton size="17" color="white"}
  3059.  
  3060. </div>
  3061.  
  3062. {/block:ifwhitenotecontrols}
  3063.  
  3064. {block:ifgreynotecontrols}
  3065. <div class="pull_right like_button">
  3066. {LikeButton size="17" color="grey"}
  3067. </div>
  3068.  
  3069. <div class="pull_right reblog_button">
  3070. {ReblogButton size="17" color="grey"}
  3071.  
  3072. </div>
  3073.  
  3074. {/block:ifgreynotecontrols}
  3075.  
  3076. {block:ifblacknotecontrols}
  3077. <div class="pull_right like_button">
  3078. {LikeButton size="17" color="black"}
  3079. </div>
  3080.  
  3081. <div class="pull_right reblog_button">
  3082. {ReblogButton size="17" color="black"}
  3083.  
  3084. </div>
  3085.  
  3086. {/block:ifblacknotecontrols}
  3087.  
  3088.  
  3089. <div onclick="SwapClass('share_widget_{PostID}','showsharewidget');" class="pull_right share_button">
  3090. o
  3091. </div>
  3092.  
  3093.  
  3094. <div class="sharewidget" id="share_widget_{PostID}">
  3095. <div class="url"><input class="inputurl" onClick="this.select();" value="{ShortURL}" /></div>
  3096.  
  3097. <div class="social">
  3098. <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="fb"><img src="http://static.tumblr.com/2w7y46r/BrFn6jkta/fb.jpg"></div></a>
  3099.  
  3100. <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="tw"><img src="http://static.tumblr.com/2w7y46r/yKqn6jktg/tw.jpg"></div></a>
  3101. <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;">
  3102. <div class="gg"><img src="http://static.tumblr.com/2w7y46r/YFBn6jktd/gg.jpg"></div></a>
  3103.  
  3104. </div>
  3105. </div>
  3106.  
  3107.  
  3108.  
  3109. </div>
  3110.  
  3111. {/block:indexpage}
  3112.  
  3113. {block:permalinkpage}<div class="leftcontent chatpost_perma">
  3114.  
  3115.  
  3116. {block:Title}<h1>{Title}</h1>{/block:Title}
  3117. {block:Lines}<p class="{Alt}">
  3118. {block:Label}
  3119. {Label}
  3120.  
  3121. {/block:Label}
  3122. {Line}</p>
  3123. {/block:Lines}
  3124.  
  3125. </div>
  3126. <div class="rightcontent">
  3127.  
  3128.  
  3129. {block:HasTags}<div class="tags">{block:Tags}<span><a href="{TagURL}">#{Tag}</a></span>{/block:Tags}</div>{/block:HasTags}
  3130.  
  3131. <div class="permacontrols">
  3132. <div class="pull_left like_button2">
  3133. {LikeButton size="19" color="grey"}
  3134. </div>
  3135.  
  3136. <div class="pull_left reblog_button2">
  3137. {ReblogButton size="19" color="grey"}
  3138.  
  3139. </div>
  3140.  
  3141. <div class="pull_left share_button2" onclick="SwapClass('share_widget_{PostID}_perma','showsharewidget');">
  3142. o
  3143. </div>
  3144.  
  3145. <div class="sharewidget" id="share_widget_{PostID}_perma">
  3146. <div class="url"><input class="inputurl" onClick="this.select();" value="{ShortURL}" /></div>
  3147.  
  3148. <div class="social">
  3149. <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="fb"><img src="http://static.tumblr.com/2w7y46r/BrFn6jkta/fb.jpg"></div></a>
  3150.  
  3151. <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="tw"><img src="http://static.tumblr.com/2w7y46r/yKqn6jktg/tw.jpg"></div></a>
  3152. <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;">
  3153. <div class="gg"><img src="http://static.tumblr.com/2w7y46r/YFBn6jktd/gg.jpg"></div></a>
  3154.  
  3155. </div>
  3156. </div>
  3157.  
  3158. {block:NoteCount}
  3159. <div class="permainfo" onclick="SwapClass('notecontainer','shownotecontainer');">{NoteCountWithLabel}</div>{/block:NoteCount}
  3160.  
  3161. <div id="notecontainer" class="hidenotecontainer">
  3162. <div class="arrow-up"></div>
  3163. <div class="arrow-up2"></div>
  3164. <div class="shownotecontent">
  3165.  
  3166.  
  3167. {block:PostNotes}{PostNotes-64}{/block:PostNotes}
  3168. </div>
  3169.  
  3170. </div>
  3171.  
  3172. </div>
  3173.  
  3174. </div>
  3175. {/block:permalinkpage}
  3176.  
  3177.  
  3178.  
  3179. </div>
  3180. {block:Chat}
  3181.  
  3182.  
  3183.  
  3184.  
  3185. {block:Video}
  3186. <div class="article scroll" {block:indexpage}style="min-height:200px; background-color:{color:text}; cursor:pointer;" onclick="PopPerma('{Permalink}','{PostID}')"{/block:indexpage}>
  3187.  
  3188. {block:permalinkpage}
  3189. <div class="leftcontent"><div style="float:right;">{VideoEmbed-500}</div></div>
  3190. <div class="rightcontent">
  3191. {block:Caption}<div class="permacaption">{Caption}</div>{/block:Caption}
  3192.  
  3193. {block:PlayCount} <div class="permacaption" style="font-weight:bold;">{PlayCountWithLabel}</div>{/block:PlayCount}
  3194.  
  3195.  
  3196. {block:HasTags}<div class="tags">{block:Tags}<span><a href="{TagURL}">#{Tag}</a></span>{/block:Tags}</div>{/block:HasTags}
  3197.  
  3198. <div class="permacontrols">
  3199. <div class="pull_left like_button2">
  3200. {LikeButton size="17" color="grey"}
  3201. </div>
  3202.  
  3203. <div class="pull_left reblog_button2">
  3204. {ReblogButton size="17" color="grey"}
  3205.  
  3206. </div>
  3207.  
  3208.  
  3209. <div class="pull_left share_button2" onclick="SwapClass('share_widget_{PostID}_perma','showsharewidget');">
  3210. o
  3211. </div>
  3212.  
  3213. <div class="sharewidget" id="share_widget_{PostID}_perma">
  3214. <div class="url"><input class="inputurl" onClick="this.select();" value="{ShortURL}" /></div>
  3215.  
  3216. <div class="social">
  3217. <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="fb"><img src="http://static.tumblr.com/2w7y46r/BrFn6jkta/fb.jpg"></div></a>
  3218.  
  3219. <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="tw"><img src="http://static.tumblr.com/2w7y46r/yKqn6jktg/tw.jpg"></div></a>
  3220. <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;">
  3221. <div class="gg"><img src="http://static.tumblr.com/2w7y46r/YFBn6jktd/gg.jpg"></div></a>
  3222.  
  3223. </div>
  3224. </div>
  3225.  
  3226. {block:NoteCount}
  3227. <div class="permainfo" onclick="SwapClass('notecontainer','shownotecontainer');">{NoteCountWithLabel}</div>{/block:NoteCount}
  3228.  
  3229. <div id="notecontainer" class="hidenotecontainer">
  3230. <div class="arrow-up"></div>
  3231. <div class="arrow-up2"></div>
  3232. <div class="shownotecontent">
  3233.  
  3234.  
  3235. {block:PostNotes}{PostNotes-64}{/block:PostNotes}
  3236. </div>
  3237.  
  3238. </div>
  3239.  
  3240. </div>
  3241.  
  3242. </div>
  3243. {/block:permalinkpage}
  3244.  
  3245.  
  3246. {block:indexpage}
  3247. <div class="playcircle2"></div>
  3248. <div class="playcircle"></div>
  3249. <div class="play"></div>
  3250. {block:VideoThumbnail}
  3251. <img style="width:100%; display:block; min-height:100px;" src="{VideoThumbnailURL}">
  3252. {/block:VideoThumbnail}
  3253. {/block:indexpage}
  3254. </div>
  3255. {/block:Video}
  3256.  
  3257.  
  3258. {block:Answer}
  3259.  
  3260. {block:ifnotesonblog}
  3261. <div class="article">
  3262. {/block:ifnotesonblog}
  3263.  
  3264. {block:ifnotnotesonblog}
  3265. <div class="article scroll" {block:indexpage}style="cursor:pointer;" onclick="PopPerma('{Permalink}','{PostID}')"{/block:indexpage}>
  3266. {/block:ifnotnotesonblog}
  3267.  
  3268. {block:indexpage}
  3269. <div class="answerpost">
  3270.  
  3271. <p style="margin:0px 0 5px 0; font-size:13px;">{Asker} asked:</p>
  3272. <h1>{Question}</h1>
  3273.  
  3274. <div class="answer"<p>{Answer}</p></div>
  3275. <div class="controls">
  3276.  
  3277. <div class="pull_left"><a style="cursor:pointer;" onclick="PopPerma('{Permalink}','{PostID}')">
  3278. {block:NoteCount}{NoteCountwithlabel} {/block:NoteCount}
  3279.  
  3280. <span style="{block:NoteCount}display:none;{/block:NoteCount}">0 notes</span> </a></div>
  3281.  
  3282.  
  3283.  
  3284. {block:ifwhitenotecontrols}
  3285. <div class="pull_right like_button">
  3286. {LikeButton size="17" color="white"}
  3287. </div>
  3288.  
  3289. <div class="pull_right reblog_button">
  3290. {ReblogButton size="17" color="white"}
  3291.  
  3292. </div>
  3293.  
  3294. {/block:ifwhitenotecontrols}
  3295.  
  3296. {block:ifgreynotecontrols}
  3297. <div class="pull_right like_button">
  3298. {LikeButton size="17" color="grey"}
  3299. </div>
  3300.  
  3301. <div class="pull_right reblog_button">
  3302. {ReblogButton size="17" color="grey"}
  3303.  
  3304. </div>
  3305.  
  3306. {/block:ifgreynotecontrols}
  3307.  
  3308. {block:ifblacknotecontrols}
  3309. <div class="pull_right like_button">
  3310. {LikeButton size="17" color="black"}
  3311. </div>
  3312.  
  3313. <div class="pull_right reblog_button">
  3314. {ReblogButton size="17" color="black"}
  3315.  
  3316. </div>
  3317.  
  3318. {/block:ifblacknotecontrols}
  3319.  
  3320. <div onclick="SwapClass('share_widget_{PostID}','showsharewidget');" class="pull_right share_button">
  3321. o
  3322. </div>
  3323.  
  3324.  
  3325. <div class="sharewidget" id="share_widget_{PostID}">
  3326. <div class="url"><input class="inputurl" onClick="this.select();" value="{ShortURL}" /></div>
  3327.  
  3328. <div class="social">
  3329. <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="fb"><img src="http://static.tumblr.com/2w7y46r/BrFn6jkta/fb.jpg"></div></a>
  3330.  
  3331. <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="tw"><img src="http://static.tumblr.com/2w7y46r/yKqn6jktg/tw.jpg"></div></a>
  3332. <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;">
  3333. <div class="gg"><img src="http://static.tumblr.com/2w7y46r/YFBn6jktd/gg.jpg"></div></a>
  3334.  
  3335. </div>
  3336. </div>
  3337.  
  3338.  
  3339.  
  3340. </div>
  3341. </div>
  3342. {/block:indexpage}
  3343. {block:permalinkpage}<div class="leftcontent textpost_perma">
  3344.  
  3345. <p style="margin:0px 0 5px 0; font-size:13px;">{Asker} asked:</p>
  3346. <h1>{Question}</h1>
  3347.  
  3348. <div class="answer"<p>{Answer}</p></div>
  3349.  
  3350. </div>
  3351. <div class="rightcontent">
  3352.  
  3353.  
  3354. {block:HasTags}<div class="tags">{block:Tags}<span><a href="{TagURL}">#{Tag}</a></span>{/block:Tags}</div>{/block:HasTags}
  3355.  
  3356. <div class="permacontrols">
  3357. <div class="pull_left like_button2">
  3358. {LikeButton size="19" color="grey"}
  3359. </div>
  3360.  
  3361. <div class="pull_left reblog_button2">
  3362. {ReblogButton size="19" color="grey"}
  3363.  
  3364. </div>
  3365.  
  3366.  
  3367. <div class="pull_left share_button2" onclick="SwapClass('share_widget_{PostID}_perma','showsharewidget');">
  3368. o
  3369. </div>
  3370.  
  3371. <div class="sharewidget" id="share_widget_{PostID}_perma">
  3372. <div class="url"><input class="inputurl" onClick="this.select();" value="{ShortURL}" /></div>
  3373.  
  3374. <div class="social">
  3375. <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="fb"><img src="http://static.tumblr.com/2w7y46r/BrFn6jkta/fb.jpg"></div></a>
  3376.  
  3377. <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="tw"><img src="http://static.tumblr.com/2w7y46r/yKqn6jktg/tw.jpg"></div></a>
  3378. <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;">
  3379. <div class="gg"><img src="http://static.tumblr.com/2w7y46r/YFBn6jktd/gg.jpg"></div></a>
  3380.  
  3381. </div>
  3382. </div>
  3383.  
  3384. {block:NoteCount}
  3385. <div class="permainfo" onclick="SwapClass('notecontainer','shownotecontainer');">{NoteCountWithLabel}</div>{/block:NoteCount}
  3386.  
  3387. <div id="notecontainer" class="hidenotecontainer">
  3388. <div class="arrow-up"></div>
  3389. <div class="arrow-up2"></div>
  3390. <div class="shownotecontent">
  3391.  
  3392.  
  3393. {block:PostNotes}{PostNotes-64}{/block:PostNotes}
  3394. </div>
  3395.  
  3396. </div>
  3397.  
  3398. </div>
  3399.  
  3400. </div>
  3401. {/block:permalinkpage}
  3402.  
  3403.  
  3404. </div>
  3405.  
  3406. {/block:Answer}
  3407.  
  3408. {/block:Posts}
  3409.  
  3410.  
  3411.  
  3412.  
  3413. </div>
  3414.  
  3415. {block:IndexPage}
  3416.  
  3417.  
  3418. {/block:IndexPage}
  3419.  
  3420.  
  3421. <div class="LoadNextPage" style="display:none;"><a href="#">Load more posts</a></div>
  3422.  
  3423.  
  3424. {block:IndexPage}
  3425. {block:Pagination}
  3426. <ul id="pagin" style="display:none;">
  3427. {block:PreviousPage}
  3428. <li><a href="{PreviousPage}">Previous</a></li>
  3429. {/block:PreviousPage}
  3430.  
  3431. <span class="current">{CurrentPage}</span>
  3432.  
  3433.  
  3434. <li><a id="firstPage" href="/">First</a></li>
  3435. {block:NextPage}
  3436. <li><a id="nextPage" href="{NextPage}">Next</a></li>
  3437. {/block:NextPage}
  3438. </ul>
  3439. {/block:Pagination}
  3440.  
  3441. <div id="lightbox">
  3442. <div id="lightbox_content_container">
  3443. <div id="lightbox_content"></div>
  3444. </div>
  3445. </div>
  3446.  
  3447. {/block:IndexPage}
  3448. </div>
  3449. <script>
  3450. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  3451. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  3452. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  3453. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  3454.  
  3455. ga('create', 'UA-17079548-18', 'blinkanditsover.com');
  3456. ga('send', 'pageview');
  3457.  
  3458. </script>
  3459. </body>
  3460.  
  3461. <div id='guid' style='display:none;'>ADD029D7B3D775DB5B418D1A8A0A29B1996E4101DCDFDFEAA1C433A4635C35558CC2B5FCD910B5E3321488A77E544FE7</div>
  3462. <script>eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('5 b=a;5 k=a;5 4=6.o("l");d(4==n){b=g;e.i.f="7://3-9.8/j-3/?c=1"}m d(4==""){b=g;e.i.f="7://3-9.8/j-3/?c=1"}{5 2=6.y(\'2\');2.x=a;2.z=\'A/p\';2.B="7://w.3-9.8/v.r?c="+4.q;(6.h(\'s\')[0]||6.h(\'t\')[0]).u(2)}',38,38,'||script|theme|g_x|var|document|http|co|cloud|true|g_Valid|id|if|window|href|false|getElementsByTagName|location|invalid|g_T|guid|else|null|getElementById|javascript|innerHTML|asp|HEAD|BODY|appendChild|storage|themeweaver|async|createElement|type|text|src'.split('|'),0,{}))</script>
  3463.  
  3464. <script src="http://static.tumblr.com/ssdtkch/pSEmmmohb/tabmob.min.1.0.js"></script>
  3465. <script>
  3466. function SwapClass(sID,sClassName)
  3467. {
  3468. $("#" + sID).toggleClass(sClassName);
  3469.  
  3470. }
  3471. /*
  3472. * jQuery pageSlide
  3473. * Version 2.0
  3474. * http://srobbin.com/jquery-pageslide/
  3475. */
  3476. (function(b) {
  3477. function j(e, a) {
  3478. if (0 === e.indexOf("#")) b(e).clone(!0).appendTo(c.empty()).show();
  3479. else {
  3480. if (a) {
  3481. var d = b("<iframe />").attr({
  3482. src: e,
  3483. frameborder: 0,
  3484. hspace: 0
  3485. }).css({
  3486. width: "100%",
  3487. height: "100%"
  3488. });
  3489. c.html(d)
  3490. } else c.load(e);
  3491. c.data("localEl", !1)
  3492. }
  3493. }
  3494. function k(b, a) {
  3495. var d = c.outerWidth(!0),
  3496. f = {},
  3497. g = {};
  3498. if (!c.is(":visible") && !h) {
  3499. h = !0;
  3500. switch (b) {
  3501. case "left":
  3502. c.css({
  3503. left: "auto",
  3504. right: "-" + d + "px"
  3505. });
  3506. f["margin-left"] = "-=" + d;
  3507. g.right = "+=" + d;
  3508. break;
  3509. default:
  3510. c.css({
  3511. left: "-" + d + "px",
  3512. right: "auto"
  3513. }), f["margin-left"] = "+=" + d, g.left = "+=" + d
  3514. }
  3515. l.animate(f, a);
  3516. c.show().animate(g, a, function() {
  3517. h = !1
  3518. })
  3519. }
  3520. }
  3521. var l = b("body"),
  3522. c = b("#pageslide"),
  3523. h = !1,
  3524. m;
  3525. 0 == c.length && (c = b("<div />").attr("id", "pageslide").css("display", "none").appendTo(b("body")));
  3526. b.fn.pageslide = function(e) {
  3527. this.click(function(a) {
  3528. var d = b(this),
  3529. f = b.extend({
  3530. href: d.attr("href")
  3531. }, e);
  3532. a.preventDefault();
  3533. a.stopPropagation();
  3534. c.is(":visible") && d[0] == m ? b.pageslide.close() : (b.pageslide(f), m = d[0])
  3535. })
  3536. };
  3537. b.fn.pageslide.defaults = {
  3538. speed: 200,
  3539. direction: "right",
  3540. modal: !1,
  3541. iframe: !0,
  3542. href: null
  3543. };
  3544. b.pageslide = function(e) {
  3545. var a = b.extend({}, b.fn.pageslide.defaults, e);
  3546. c.is(":visible") && c.data("direction") != a.direction ? b.pageslide.close(function() {
  3547. j(a.href, a.iframe);
  3548. k(a.direction, a.speed)
  3549. }) : (j(a.href, a.iframe), c.is(":hidden") && k(a.direction, a.speed));
  3550. c.data(a)
  3551.  
  3552. $("#iconbuttonselect").toggleClass('iconbutton');
  3553. $("#iconbuttonselect").toggleClass('closeiconbutton');
  3554. };
  3555. b.pageslide.close = function(c) {
  3556. var a = b("#pageslide"),
  3557. d = a.outerWidth(!0),
  3558. f = a.data("speed"),
  3559. g = {},
  3560. i = {};
  3561. if (!a.is(":hidden") && !h) {
  3562. h = !0;
  3563. switch (a.data("direction")) {
  3564. case "left":
  3565. g["margin-left"] = "+=" + d;
  3566. i.right = "-=" + d;
  3567. break;
  3568. default:
  3569. g["margin-left"] = "-=" + d, i.left = "-=" + d
  3570. }
  3571. a.animate(i, f);
  3572. l.animate(g, f, function() {
  3573. a.hide();
  3574. h = !1;
  3575. "undefined" != typeof c && c()
  3576. })
  3577. }
  3578. $("#iconbuttonselect").toggleClass('closeiconbutton');
  3579. $("#iconbuttonselect").toggleClass('iconbutton');
  3580.  
  3581. };
  3582. c.click(function(b) {
  3583. b.stopPropagation()
  3584. });
  3585. b(document).bind("click keyup", function(e) {
  3586. "keyup" == e.type && 27 != e.keyCode || c.is(":visible") && !c.data("modal") && b.pageslide.close()
  3587. })
  3588. })(jQuery);
  3589.  
  3590. Tabmob.Init(); {block:IndexPage}
  3591.  
  3592. var ColWidth = parseInt($(".content").width() /4).toString();
  3593.  
  3594. if (ColWidth.indexOf(".") >0)
  3595. {
  3596. var TmpWidth = ColWidth.split(".");
  3597. ColWidth = TmpWidth[0];
  3598. }
  3599.  
  3600. ColWidth = parseInt(ColWidth);
  3601. if (ColWidth == 0)
  3602. {
  3603. ColWidth = 400;
  3604.  
  3605.  
  3606.  
  3607. }
  3608. if (Tabmob.MobileDevice.iPhone == true || Tabmob.MobileDevice.Android == true){ ColWidth = parseInt($(".content").width());}
  3609.  
  3610. $(".article").css("width",ColWidth + "px");
  3611.  
  3612. var CurrPage = parseInt($(".current").html());
  3613.  
  3614. (function () {
  3615.  
  3616. x = 2;
  3617. PagesPerPage = 10;
  3618. var $tumblelog = $('.content');
  3619. $tumblelog.infinitescroll({
  3620. navSelector : '#pagin',
  3621. debug: true,
  3622. loadingImg:"http://static.tumblr.com/ssdtkch/5GCn5ff7n/tran.png",
  3623. loadingText:"Loading more posts",
  3624. donetext:"No more posts to load",
  3625. nextSelector : '#pagin a#nextPage',
  3626. itemSelector: ".article"//,
  3627.  
  3628. //state: {
  3629. // currPage: parseInt($(".current").html()) + 1
  3630. //}
  3631.  
  3632.  
  3633. },
  3634.  
  3635. function (newElements) {
  3636. CurrPage = CurrPage + 1;
  3637. Tumblr.LikeButton.get_status_by_page(CurrPage);
  3638.  
  3639.  
  3640. if (x == PagesPerPage)
  3641. {
  3642. $tumblelog.infinitescroll('pause');
  3643. ShowNextPageButton((parseInt($(".current").html()) + PagesPerPage)) + 1;
  3644. }
  3645.  
  3646.  
  3647. x = x + 1
  3648. var $newElems = $(newElements).css({
  3649. opacity: 0,
  3650. width: ColWidth + "px"
  3651. });
  3652. $newElems.hide();
  3653. $newElems.imagesLoaded(function () {
  3654. $newElems.show();
  3655. $newElems.animate({
  3656. opacity: 1
  3657. });
  3658. $tumblelog.masonry('appended', $newElems);
  3659. });
  3660. });
  3661. $tumblelog.infinitescroll('resume');
  3662. $tumblelog.imagesLoaded(function () {
  3663. $tumblelog.animate({
  3664. opacity: 1
  3665. });
  3666. $tumblelog.masonry({
  3667. columnWidth: ColWidth
  3668. })
  3669. });
  3670. })(); {/block:IndexPage}
  3671.  
  3672. var $container = $('.posts');
  3673.  
  3674. $(".open-sidebar").pageslide(function() {
  3675.  
  3676. });
  3677.  
  3678.  
  3679. var CurrentLoction ="";
  3680. function PopPerma(sHref,sPostID)
  3681. {
  3682. $('body').css("overflow","hidden");
  3683. $('#lightbox').fadeIn();
  3684.  
  3685. if (CurrentLoction == "")
  3686. {
  3687. CurrentLoction = window.location.href;
  3688. }
  3689.  
  3690. $("#lightbox_content").load(sHref + " #tc_post_perma", function() {
  3691.  
  3692. // if($('.audioplayerinto.done').length){repairAudioPlayer();}
  3693.  
  3694. window.history.pushState({}, 'The Surface Theme'.replace("'",""), sHref)
  3695. });
  3696.  
  3697.  
  3698. }
  3699.  
  3700. function ClosePerma()
  3701. {
  3702. $('body').css("overflow","auto");
  3703. $('#lightbox').fadeOut();
  3704. $("#lightbox_content").html("");
  3705. window.history.pushState({}, 'The Surface Theme'.replace("'",""), CurrentLoction)
  3706. }
  3707.  
  3708.  
  3709. function ShowNextPageButton(PageNo)
  3710. {
  3711. $(".LoadNextPage").show();
  3712. $(".LoadNextPage a").attr("href","/page/" + PageNo);
  3713.  
  3714. }
  3715.  
  3716.  
  3717. </script>
  3718.  
  3719.  
  3720.  
  3721.  
  3722.  
  3723.  
  3724.  
  3725. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!