Advertisement
feiinho

Aura 0.0.3 beta by blinkanditsover

Aug 22nd, 2014
445
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 90.89 KB | None | 0 0
  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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement