API tools faq
paste
Advertisement
feiinho

Aura 0.0.3 beta by blinkanditsover

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