API tools faq
paste
Advertisement
redsocksx23

acuite themes pricus edit

redsocksx23
Mar 24th, 2017
1,482
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.10 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. THEME: PRICUS
  4. by acuite
  5.  
  6. - don't steal this pls
  7. - enjoy, ilu (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
  8.  
  9. - @acuite for more themes
  10.  
  11. -->
  12.  
  13. <html>
  14. <head>
  15.  
  16.  
  17.  
  18.  
  19. <div style="top:76px; z-index:99999999; right:3px; position:fixed;">
  20. <a href="https://www.facebook.com/profile.php?id=100008925700823"><img src="http://i68.tinypic.com/28spv1u.png" width="20" title="facebook"></a>
  21. &nbsp;
  22. <a href="https://twitter.com/redsocksx23"><img src="http://i68.tinypic.com/oqztdj.png" width="20" title="twitter"></a>
  23. &nbsp;
  24. <a href="https://www.instagram.com/suppmichelle/"><img src="http://i68.tinypic.com/262baxi.png" width="20" title="instagram"></a>
  25. &nbsp;
  26. <a href="http://citydazed.blogspot.com/"><img src="http://i66.tinypic.com/209mzjl.png" width="20" title="blogspot"></a>
  27. &nbsp;
  28. <a href="https://goo.gl/BrWOiF"><img src="http://i64.tinypic.com/1ftnw7.png" width="20" title="amazon wishlist"></a>
  29. </div>
  30.  
  31.  
  32.  
  33. <div style="z-index:99999999999999999999; position:fixed; top:103px; right:5px;" >
  34. <a href='http://www.ebates.com/rf.do?referrerid=CnSsm4H3TnMP4pX8JrBrGA%3D%3D&eeid=28585' target='_blank' rel='nofollow'><img src='http://www.ebates.com/referral/2012/global_files/images/ebates_logo.png' alt='Ebates Coupons and Cash Back' height='31' width='171' border='0'/></a>
  35. </div>
  36.  
  37.  
  38. <div style="z-index:99999999999999999999; position:fixed; bottom:10px; left:10px;" style="border:3px double #000">
  39. <a href="http://goo.gl/FGA9Li"><img src="http://lrolson.com/wp-content/uploads/2014/11/L.R.-Olson-Seduction-Clip-365x365.jpg" width="150px"></a>
  40. </div>
  41. </div>
  42.  
  43.  
  44.  
  45.  
  46. <!-- SOCIAL MEDIA ICONS START-->
  47. <meta name="if:White Follow Button" content="1">
  48. <meta name="text:Snapchat Username" content="">
  49.  
  50. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  51. <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
  52.  
  53. <!-- SOCIAL MEDIA ICONS END -->
  54.  
  55.  
  56.  
  57.  
  58. <!-- Start of StatCounter Code for Tumblr -->
  59. <script type="text/javascript">
  60. var sc_project=9561569;
  61. var sc_invisible=1;
  62. var sc_security="df0cca4d";
  63. var scJsHost = (("https:" == document.location.protocol) ?
  64. "https://secure." : "http://www.");
  65. document.write("<sc"+"ript type='text/javascript' src='" +
  66. scJsHost+
  67. "statcounter.com/counter/counter.js'></"+"script>");
  68. </script>
  69. <noscript><div class="statcounter"><a title="tumblr site
  70. counter" href="http://statcounter.com/tumblr/"
  71. target="_blank"><img class="statcounter"
  72. src="http://c.statcounter.com/9561569/0/df0cca4d/1/"
  73. alt="tumblr site counter"></a></div></noscript>
  74. <!-- End of StatCounter Code for Tumblr -->
  75.  
  76.  
  77.  
  78. <style type="text/css">
  79. a.btn{position:absolute;z-index:999999999999;white-space:nowrap;outline:0;text-decoration:none;cursor:pointer;overflow:hidden;font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;height:20px;text-transform:lowercase;padding:0 5px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:padding;-moz-transition-property:padding;-ms-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.btn{color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08)}a.btn,a.btn:hover{color:white!important}.btn{margin-bottom:5px;color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn:hover::after,.btn:focus::after{background:rgba(255,255,255,0.09);color:white}.btn:active::after{background:rgba(255,255,255,0.18) color:white}.btn_label.show{display:block}.btn::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}.btn.icon::before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;width:20px;border-radius:inherit;background:url('http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png') 0 0 no-repeat}.btn.theme::before{background-position:0 -0px}.btn img{width:15px}.btn.icon{padding-left:20px}.btn:active::after {background:rgba(255,255,255,0.18)}.clear {clear: both;} #pagination {display: all;}
  80. </style>
  81.  
  82.  
  83. <script language="JavaScript">
  84. // FHS Tumblr follower counter and tracker
  85. var height = '26';
  86. document.write('<script language="JavaScript" src="http://tc.freehostedscripts.net/tcounter.php?url=astonishingly.us&name=Followers&s=1&h=' + height + '"><\/script>');
  87. </script>
  88.  
  89.  
  90. <meta name="description" content="hipster blog" /><meta name="keywords" content="vertical, girl, sassy, hipster, tumblr, promo, gain followers,quality,photography, Structured settlements,Mesothelioma,Acne,Life Insurance,Asbestos,Bextra,Bankruptcy,Car Insurance,Dental Plan H,Private Jet,Debt Consolidatio ,Credit Card,Canadian Pharmac,Online Tradin,Equity Line Credit,Loans,Mortgages,Pay Day Loans,Cash Advance,Equity Loans,Reduce Debt,Refinance,Jet Charter ,Rehab High ,Wrongful death
  91. .Legal Advice,Taxes High,investing,Bonds ,Vioxx,IRA Rollover ,Refinance Quotes,Adult Education ,Distance Learning ,Alcohol Treatment
  92. ,Depression ,Drug Rehab,Extra Money,Cell Phone Plans,Calling Cards,VOIP,Weight Loss,Homeowner’s Insurance,Rewards Cards,Spam Filter,Lasik,Facelift,4Teeth Whitening,Annuity,Anti Virus Protection,Adult Diaper,Free Credit Report,Credit Score,Satellite,Anti Spam Software,Dedicated Hosting,Domain Name, Need Money,Bachelor Degree,Master Degree,Doctorate Degree,Work at Home,Quick Book,Spyware,Eloan,Malpractice Lawyer,Lenox China,Cancer,Payperclick,Personal Injury Attorney,Lexington Law,Video Conferencing,Transfer Money,Windstar Cruise,Casinos Online,Laptop Computer,Online Banking,Borrow Money,Low Interest Credit Cards,Personal Domain Name,Cellular Phone Rental,Internet Broker,Term Life,Cheap Hosting,University,Degrees Online,Consolidate,Business Credit,Web Host, Death Insurance, Yellow Page Advertising,Travel Insurance,Register Domain,Credit Counseling,Email Hosting,Trans Union,Consumer Credit,Blue Cross,yahoo,godaddy,domain,websites,google,apple,mac,imac,imacs,ipod,ipad,nano" />
  93.  
  94.  
  95.  
  96.  
  97.  
  98.  
  99. <title>{Title}</title>
  100. <link rel="shortcut icon" href="{Favicon}">
  101. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  102. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  103.  
  104. <meta name="image:Sidebar" content=""/>
  105.  
  106. <meta name="color:Background" content="#fff"/>
  107. <meta name="color:Border" content="#eee"/>
  108. <meta name="color:Text" content="#555"/>
  109. <meta name="color:Link" content="#999"/>
  110. <meta name="color:Accent" content="#edb0a5"/>
  111.  
  112. <meta name="if:Title" content=""/>
  113. <meta name="if:Drop Links" content=""/>
  114. <meta name="if:Italic Description" content=""/>
  115. <meta name="if:Accent Borders" content=""/>
  116. <meta name="if:Load More" content=""/>
  117. <meta name="if:Paginate" content=""/>
  118. <meta name="if:Round Edges" content=""/>
  119.  
  120. <meta name="select:Sidebar Image" content="smlc" title="Small Circle">
  121. <meta name="select:Sidebar Image" content="sml" title="Small Square">
  122. <meta name="select:Sidebar Image" content="ful" title="Full">
  123. <meta name="select:Sidebar Image" content="non" title="None">
  124.  
  125. <meta name="select:Captions" content="cinl" title="Inline">
  126. <meta name="select:Captions" content="creg" title="Regular">
  127. <meta name="select:Captions" content="cnon" title="None">
  128.  
  129. <meta name="select:Tags" content="tshow" title="Show">
  130. <meta name="select:Tags" content="thide" title="Hide">
  131. <meta name="select:Tags" content="thover" title="Hover">
  132.  
  133. <meta name="text:Post" content="350"/>
  134. <meta name="text:Sidebar" content="150"/>
  135. <meta name="text:Margin" content="75"/>
  136.  
  137. <meta name="text:Link 1" content="/"/>
  138. <meta name="text:Link 1 Title" content="one"/>
  139. <meta name="text:Link 2" content="/" />
  140. <meta name="text:Link 2 Title" content="two"/>
  141. <meta name="text:Link 3" content="/" />
  142. <meta name="text:Link 3 Title" content="three"/>
  143. <meta name="text:Link 4" content="/" />
  144. <meta name="text:Link 4 Title" content="four"/>
  145.  
  146. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  147. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  148. <link href='https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic|PT+Serif:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  149. <style type="text/css">
  150.  
  151. ::-webkit-scrollbar {width:5px;height:5px;background:{color:Background};}
  152. ::-webkit-scrollbar-thumb {background:{color:Border};}
  153.  
  154. #tumblr_controls,.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop{-webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%);opacity:0.5;}
  155.  
  156. /* General */
  157.  
  158. body {
  159. margin:0;
  160. color:{color:Text};
  161. background:{color:Background};
  162. font-smooth:always;
  163. -webkit-font-smoothing:antialiased;
  164. -moz-osx-font-smoothing: grayscale;
  165. }
  166.  
  167. a:link, a:active, a:visited {text-decoration:none;}
  168. pre, p, blockquote,body,big,small,sub,sup {font-size:9.5px;}
  169. body,p,pre,em{font-family:'PT Serif',Georgia,serif;}
  170. nav,.p,h1,h2,.src,.tn,.lines b,.c,.load,.pag,.pn,.ask{
  171. font-family:'PT Sans',Arial,Helvetica,sans-serif;
  172. }
  173.  
  174. a,.p,.tags,.our_button,.like_button {
  175. transition:0.5s ease;
  176. -o-transition:0.5s ease;
  177. -moz-transition:0.5s ease;
  178. -webkit-transition:0.5s ease;
  179. }
  180.  
  181. /* Credit & Scroll to Top */
  182.  
  183. .c,.top{position:fixed;right:30px;text-align:center;width:40px;}
  184. .c{bottom:30px;letter-spacing:1px;text-transform:uppercase;font-size:9px;}
  185. .top {bottom:50px;display:none;font-size:20px;}
  186.  
  187. /* Pagination */
  188.  
  189. .cp {font-weight:700;}
  190. .cp,.jp,.pag a,.np{display:inline-block;vertical-align:middle;margin:0 5px;}
  191. .np {padding:0 0 2px;margin:0;line-height:100%;}
  192. .pag {position:relative;font-size:9px;text-align:center;}
  193.  
  194. {block:ifnotPaginate}
  195. .pag,#infscr-loading {display:none!important;}
  196. {/block:ifnotPaginate}
  197.  
  198. .load {
  199. cursor:pointer;
  200. display:inline-block;
  201. font-size:10px;
  202. line-height:100%;
  203. padding:0 0 2px;
  204. }
  205.  
  206. /* Containers */
  207.  
  208. #center {
  209. position:relative;
  210. margin:{text:Margin}px auto;
  211. width:{text:Post}px;
  212. }
  213.  
  214. .entry img{max-width:100%;height:auto;}
  215. .entry {margin:{text:Margin}px 0;}
  216.  
  217. /* Sidebar */
  218.  
  219. aside {
  220. position:fixed;
  221. top:{text:Margin}px;
  222. width:{text:Sidebar}px;
  223. margin-left:calc(-{text:Sidebar}px + -{text:Margin}px);
  224. }
  225.  
  226. .sml,.smlc {width:40%;}
  227. .ful {width:100%;}
  228. .smlc {border-radius:50%!important;}
  229. .image {display:inline-block;}
  230. .non {display:none;}
  231. .desc,.image {margin-bottom:15px;}
  232. {block:ifItalicDescription}
  233. .desc {font-style:italic;}
  234. {/block:ifItalicDescription}
  235. nav {margin:-3px;}
  236. nav a{
  237. display:inline-block;
  238. margin:3px;
  239. padding:0 0 1px;
  240. font-size:9px;
  241. line-height:100%;
  242. }
  243.  
  244. /* Titles */
  245.  
  246. h1 {
  247. margin:5px 0 15px;
  248. font-size:10px;
  249. line-height:100%;
  250. text-transform:uppercase;
  251. letter-spacing:1px;
  252. font-style:italic;
  253. }
  254.  
  255. h2 {margin:0;font-size:12px;}
  256. h3,h4,h5 {margin:0;font-size:9.5px;letter-spacing:0.5px;}
  257.  
  258. /* Permalinks */
  259.  
  260. .p {margin:10px 0 0;font-size:0;line-height:0;}
  261. .ple a,.tags a{font-size:9px;line-height:100%;}
  262. .ple a {display:inline-block;padding:0 0 2px;text-transform:lowercase;}
  263. .ple,.pri {display:inline-block;vertical-align:top;width:50%;}
  264. .pri {text-align:right;opacity:0.75;}
  265. .pri a{display:inline-block;vertical-align:top;}
  266. .fa-heart {font-size:10px;}
  267. .fa-retweet {font-size:11px;margin:0 0 0 7px;}
  268. .custom-like-button *{cursor:pointer!important;}
  269. .custom-like-button {
  270. position:relative;
  271. display:inline-block;
  272. vertical-align:top;
  273. width:11px;
  274. height:11px;
  275. cursor:pointer;
  276. }
  277.  
  278. .like_button iframe {width:100%!important;height:100%!important;}
  279. .like_button {z-index:10;opacity:0;}
  280. .our_button {z-index:1;}
  281. .our_button,.like_button {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;}
  282.  
  283. .like_button:hover + .our_button {color:{color:Accent};}
  284. .like_button.liked + .our_button {color:{color:Accent};}
  285.  
  286. .entry:hover .thover{opacity:1;}
  287. .tshow,.thover{display:block;position:relative;}
  288. .thide {display:none;}
  289. .thover {opacity:0;}
  290. .tags {margin-top:5px;}
  291. .tags a {margin-right:7px;}
  292.  
  293. /* Quotes */
  294.  
  295. .qut {font-size:12px;font-style:italic;}
  296. .qut_hold {padding-bottom:15px;}
  297. .src {margin:0 0 10px;}
  298.  
  299. /* Audio & Chat */
  300.  
  301. .lines,.chat h2 {margin:15px 0;}
  302. .lines b{font-weight:400;display:block;line-height:100%;}
  303. .play {
  304. padding:10px;
  305. background:#e4e4e4;
  306. margin-right:15px;
  307. height:27px;
  308. width:27px;
  309. }
  310.  
  311. .audio {font-size:0;padding-bottom:10px;}
  312. .play,.au {display:inline-block;vertical-align:middle;}
  313. .au span {display:block;margin:8px 0px;font-size:9px;line-height:100%;}
  314. .au {width:calc(100% - 62px);}
  315. .tn {font-size:10px!important;font-weight:700;}
  316. .tumblr_audio_player {width:27px;height:27px;overflow:hidden;}
  317.  
  318. /* Text */
  319.  
  320. ol,ul {padding:0 0 0 25px;}
  321. p,blockquote,pre,ul,ol{margin:10px 0;}
  322. b,strong {font-weight:600;}
  323. blockquote p{margin:10px 0;}
  324. blockquote p:first-child{margin:0 0 10px;}
  325. blockquote p:last-child{margin:0 0 0px;}
  326. blockquote p:only-child{margin:0;}
  327. blockquote blockquote {margin:0;}
  328. blockquote{padding:0;border:0;}
  329. pre {
  330. white-space:pre-wrap;
  331. white-space:-moz-pre-wrap;
  332. white-space:-pre-wrap;
  333. white-space:-o-pre-wrap;
  334. word-wrap:break-word;
  335. }
  336.  
  337. /* Captions */
  338.  
  339. .txt,.cap {padding:5px 0;}
  340. .txt iframe,.cap iframe{display:block;max-width:100%;overflow:hidden;}
  341. .cinl {padding:15px;}
  342. .cinl *:not(a):not(ul):not(ol):not(li){margin:0;padding:0;display:inline;}
  343. .cinl p:first-of-type {display:inline!important;}
  344. .cinl blockquote {border:0;}
  345. .cinl p,.cinl blockquote p {display:block!important;margin:0!important;}
  346. .cnon {display:none;}
  347.  
  348. /* Video */
  349.  
  350. .video {overflow:hidden;}
  351. .vine-embed,#youtube_iframe {display:block;}
  352. .instagram-media {border-radius:0px!important;box-shadow:none!important;}
  353.  
  354. /* Photosets */
  355.  
  356. #tumblr_lightbox,.tmblr-lightbox {
  357. background:rgba({RGBcolor:Background},0.99)!important;
  358. }
  359.  
  360. #vignette,#tumblr_lightbox_caption,.vignette,.lightbox-caption{
  361. opacity:0!important;
  362. }
  363.  
  364. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image,
  365. #tumblr_lightbox_right_image, .lightbox-image {
  366. box-shadow:none!important;
  367. border-radius:0px!important;
  368. {block:ifRoundEdges}border-radius:3px!important;{/block:ifRoundEdges}
  369. }
  370.  
  371. /* Ask */
  372.  
  373. .ask {padding:0 0 15px;font-size:10px;line-height:140%;font-style:italic;}
  374. .aski {display:block;margin-bottom:10px;}
  375. .aski b,.aski img {display:inline-block;vertical-align:middle;}
  376. .aski b {font-size:11px;line-height:100%;padding:2px 0;font-style:normal;}
  377. .aski img {width:20px;margin-right:10px;}
  378.  
  379. /* Permalink Page + Postnotes */
  380.  
  381. .pph {text-transform:lowercase;}
  382. .perma {padding:15px 0 0;line-height:175%;}
  383. .pmt a:after {content:',';}
  384. .pmt a:last-of-type:after {content:'.';}
  385. .pn ol {margin:0;padding:0;list-style-type:none;}
  386. .pn li{margin:10px 0;font-size:8.5px;line-height:100%;}
  387. .pn,.pn img{display:none;}
  388. .pn {padding:0;margin:0;font-size:0;}
  389. .pnh {margin-top:15px;color:{color:Text};}
  390. .pnh,.more_notes_link,.notes_loading {display:block;font-weight:700;}
  391. .more_notes_link,.notes_loading {text-align:left!important;}
  392.  
  393. /* Tooltips */
  394.  
  395. #s-m-t-tooltip{
  396. max-width:300px;
  397. margin:15px;
  398. z-index:99999999;
  399. padding:7px;
  400. line-height:100%;
  401. word-wrap:break-word;
  402. word-break:break-all;
  403. background:{color:Background};
  404. }
  405.  
  406. /* Common Styles */
  407.  
  408. p,blockquote,.lines,.qut,.cap,.desc{line-height:160%;}
  409. a:hover, a h2:hover{color:{color:Accent};}
  410. a,.p,.perma,.src,.lines b,.tn,h2,.ask,ul,ol,.pag{color:{color:Link};}
  411. h2 a i {margin:0 2px;}
  412.  
  413. {block:ifRoundEdges}
  414. .play,.aski img {border-radius:50%;}
  415. .entry iframe,.bx,.image,.txt img,.cap img,#s-m-t-tooltip{border-radius:3px;}
  416. {/block:ifRoundEdges}
  417.  
  418. /* Borders */
  419.  
  420. .txt,.cap,.chat,.qut_hold,.audio{border-bottom:1px dotted {color:Border};}
  421. .ask {border-bottom:1px solid {color:Border};}
  422.  
  423. {block:ifnotAccentBorders}
  424. a.tumblr_blog {border-bottom:1px solid;}
  425. .src a,nav a,.ple a,.aski b,.load,.np{
  426. border-bottom:1px solid {color:Border};
  427. }
  428.  
  429. .src a:hover,nav a:hover,.ple a:hover,a.tumblr_blog,.load:hover,.np:hover{
  430. border-color:rgba({RGBcolor:Accent}, 0.5);
  431. }
  432. {/block:ifnotAccentBorders}
  433.  
  434. {block:ifAccentBorders}
  435. .src a,nav a,.ple a,a.tumblr_blog,.load,.aski b,.np{
  436. border-bottom:1px solid rgba({RGBcolor:Accent}, 0.5);
  437. }
  438. {/block:ifAccentBorders}
  439.  
  440. /* Etc
  441.  
  442. img {margin:0px;display:block;}
  443.  
  444. */
  445.  
  446.  
  447. </style>
  448. </head>
  449. <body>
  450.  
  451.  
  452.  
  453.  
  454. <!-- social media start -->
  455.  
  456. <style>
  457. #tumblr_controls {
  458. position:fixed !important;
  459. z-index:4;
  460. {block:IfWhiteFollowButton}
  461. -webkit-filter: invert(100%);
  462. {/block:IfWhiteFollowButton}
  463. top:0px; right:0px;
  464. opacity:1;
  465. }
  466.  
  467. #socialmedia {
  468. top:76px;
  469. position:fixed;
  470. z-index:99999999;
  471. right:3px;
  472. {block:IfNotSnapchatUsername}
  473. top:27px;
  474. {/block:IfNotSnapchatUsername}
  475. }
  476.  
  477. #socialmedia k {
  478. padding-right:0px;
  479. width:9px;
  480. }
  481.  
  482. #socialmedia i {
  483. padding-right:0px;
  484. width:9px;
  485. }
  486.  
  487. #socialmedia f {
  488. padding-right:0px;
  489. width:7px;
  490. padding-left:2px;
  491. padding-top:4px;
  492. height:9px;
  493. }
  494.  
  495. #snapchat {
  496. top:52px;
  497. z-index:99999999;
  498. right:3px;
  499. position:fixed;
  500. }
  501.  
  502. #socialmedia a, #snapchat a{
  503. overflow:hidden;
  504. font:600 12px/18px "Helvetica Neue", Helvetica;
  505. height:18px;
  506. display:inline-block;
  507. padding:0px 5px;
  508. line-height:18px;
  509. -webkit-font-smoothing:antialiased;
  510. color:#fff;
  511. border:1px solid rgba(0,0,0,0.18);
  512. background:rgba(0,0,0,0.38);
  513. text-shadow:1px 1px 0 rgba(0,0,0,0.08);
  514. -webkit-border-radius:2px;
  515. -moz-border-radius:2px;
  516. border-radius:2px;
  517. {block:IfWhiteFollowButton}
  518. -webkit-filter: invert(100%);
  519. filter: invert(100%);
  520. {/block:IfWhiteFollowButton}
  521. z-index:99999999;
  522. padding-left:3px;
  523. cursor:pointer;
  524. }
  525.  
  526. #socialmedia a:hover, #snapchat a:hover {
  527. background:rgba(0,0,0,0.30);
  528. -webkit-transition: all .0s ease-in-out;
  529. transition: all .0s ease-in-out;
  530. }
  531. </style>
  532.  
  533. <div id="snapchat">
  534. {block:IfSnapchatUsername}
  535. <a>Snapchat @ {text:Snapchat Username}</a>
  536. {/block:IfSnapchatUsername}
  537. </div>
  538.  
  539. <!--social media end-->
  540.  
  541.  
  542.  
  543.  
  544.  
  545.  
  546. <div id="center">
  547.  
  548. <aside>
  549. <a href="/"><img class="image {select:Sidebar Image}" src="{image:Sidebar}"/></a>
  550.  
  551. <div class="sh">
  552. {block:ifTitle}<h1><a href="/">{Title}</a></h1>{/block:ifTitle}
  553. {block:Description}<div class="desc">{Description}</div>{/block:Description}
  554. </div>
  555.  
  556. <nav>
  557. <a href="/">index</a>
  558. <a href="/ask">contact</a>
  559. {block:ifDropLinks}
  560. <a href="#" class="lh">links</a>
  561. {/block:ifDropLinks}
  562. {block:ifnotDropLinks}
  563. {block:ifLink1}
  564. <a href="{text:Link 1}">{text:Link 1 Title}</a>
  565. {/block:ifLink1}{block:ifLink2}
  566. <a href="{text:Link 2}">{text:Link 2 Title}</a>
  567. {/block:ifLink2}{block:ifLink3}
  568. <a href="{text:Link 3}">{text:Link 3 Title}</a>
  569. {/block:ifLink3}{block:ifLink4}
  570. <a href="{text:Link 4}">{text:Link 4 Title}</a>
  571. {/block:ifLink4}
  572. {/block:ifnotDropLinks}
  573. <a href="/archive">archive</a>
  574. {block:ifDropLinks}
  575. <div class="lb">
  576. {block:ifLink1}
  577. <a href="{text:Link 1}">{text:Link 1 Title}</a>
  578. {/block:ifLink1}{block:ifLink2}
  579. <a href="{text:Link 2}">{text:Link 2 Title}</a>
  580. {/block:ifLink2}{block:ifLink3}
  581. <a href="{text:Link 3}">{text:Link 3 Title}</a>
  582. {/block:ifLink3}{block:ifLink4}
  583. <a href="{text:Link 4}">{text:Link 4 Title}</a>
  584. {/block:ifLink4}
  585. </div>
  586. {/block:ifDropLinks}
  587. </nav>
  588. </aside>
  589.  
  590.  
  591. <div id="content">
  592. {block:Posts}
  593. <div class="entry" id="{PostID}">
  594.  
  595. {block:Text}
  596. <div class="txt">
  597. {block:Title}<h2>{Title}</h2>{/block:Title}
  598. {Body}
  599. </div>
  600. {/block:Text}
  601.  
  602. {block:Link}
  603. <div class="txt">
  604. <h2><a title="{URL}" href="{URL}">{Name} <i class="fa fa-angle-right"></i></a></h2>
  605. {block:Description}{Description}{/block:Description}
  606. </div>
  607. {/block:Link}
  608.  
  609. {block:Photo}
  610. <a href="{Permalink}"><img class="bx" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a>
  611. {/block:Photo}
  612.  
  613. {block:Photoset}
  614. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  615. {/block:Photoset}
  616.  
  617. {block:Quote}
  618. <div class="qut_hold">
  619. {block:Source}<div class="src">{Source}</div>{/block:Source}
  620. <div class="qut">{Quote}</div>
  621. </div>
  622. {/block:Quote}
  623.  
  624. {block:Chat}
  625. <div class="chat">
  626. {block:Title}<h2>{Title}</h2>{/block:Title}
  627. {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</div></div>{/block:Lines}
  628. </div>
  629. {/block:Chat}
  630.  
  631. {block:Audio}
  632. <div class="audio">
  633. {block:AudioPlayer}<div class="play">{AudioPlayerGrey}</div>{/block:AudioPlayer}
  634. <div class="au">
  635. {block:TrackName}<span class="tn">{TrackName}</span>{/block:TrackName}
  636. {block:Artist}<span>by {Artist}</span>{/block:Artist}
  637. </div>
  638. </div>
  639. {/block:Audio}
  640.  
  641. {block:Video}
  642. <div class="video">{Video-500}</div>
  643. {/block:Video}
  644.  
  645. {block:Answer}
  646. <div class="ask">
  647. <div class="aski">
  648. <img src="{AskerPortraitURL-24}"><b>{Asker} said:</b>
  649. </div>
  650. <div class="que">{Question}</div>
  651. </div>
  652. <div class="txt">{Answer}</div>
  653. {/block:Answer}
  654.  
  655. {block:Caption}<div class="cap {select:Captions}">{Caption}</div>{/block:Caption}
  656.  
  657. {block:IndexPage}
  658. <div class="p">
  659. <div class="ple">
  660. <a href="{Permalink}">{NoteCount} on {ShortDayofWeek}</a>
  661. </div>
  662. <div class="pri">
  663. <div class="custom-like-button">{LikeButton}
  664. <span class="our_button"><i class="fa fa-heart"></i></span>
  665. </div>
  666. <a href="{ReblogURL}"><i class="fa fa-retweet"></i></a>
  667. </div>
  668. {block:HasTags}<div class="tags {select:Tags}">
  669. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  670. </div>{/block:HasTags}
  671. </div>
  672. {/block:IndexPage}
  673.  
  674.  
  675.  
  676. {block:PermalinkPage}
  677. {block:Date}
  678. <div class="pph">
  679. <div class="perma">
  680. posted {TimeAgo} on {DayofMonthWithSuffix} {Month}
  681. {block:RebloggedFrom}<br>
  682. via <a href="{ReblogParentURL}">{ReblogParentName}</a> &nbsp;&nbsp;&nbsp;
  683. source <a href="{ReblogRootURL}">{ReblogRootName}</a>
  684. {/block:RebloggedFrom}
  685.  
  686. {block:HasTags}<div class="pmt">tags: &nbsp;
  687. {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
  688. </div>{/block:HasTags}
  689. <a href="#" class="pnh">{NoteCountWithLabel}</a>
  690. </div>
  691.  
  692. {block:PostNotes}
  693. <div class="pn">{PostNotes}</div>
  694. {/block:PostNotes}
  695.  
  696. </div>
  697. {/block:Date}
  698. {/block:PermalinkPage}
  699.  
  700. {block:ContentSource}
  701. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  702. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  703. {/block:SourceLogo}
  704. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  705. {/block:ContentSource}
  706.  
  707. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  708.  
  709. </div>
  710. {/block:Posts}
  711.  
  712. {block:ifPaginate}
  713. {block:Pagination}
  714. <div class="pag">
  715. {block:PreviousPage}
  716. <a href="{PreviousPage}" class="np">Previous Page</a>
  717. {/block:PreviousPage}
  718.  
  719. {block:JumpPagination length="5"}
  720. {block:CurrentPage}
  721. <span class="cp">{PageNumber}</span>
  722. {/block:CurrentPage}
  723. {block:JumpPage}
  724. <a class="jp" href="{URL}">{PageNumber}</a>
  725. {/block:JumpPage}
  726. {/block:JumpPagination}
  727.  
  728. {block:NextPage}
  729. <a href="{NextPage}" class="np">Next Page</a>
  730. {/block:NextPage}
  731. </div>
  732. {/block:Pagination}
  733. {/block:ifPaginate}
  734.  
  735. </div>
  736.  
  737. {block:ifnotPaginate}
  738. {block:Pagination}
  739. <div class="pag">
  740. {block:PreviousPage}
  741. <a href="{PreviousPage}" class="prev">back</a>
  742. {/block:PreviousPage}
  743. {block:NextPage}
  744. <a href="{NextPage}" class="next">next</a>
  745. {/block:NextPage}
  746. </div>
  747.  
  748. {block:ifLoadMore}
  749. <center><a class="load">Load More</a></center>
  750. {/block:ifLoadMore}
  751. {/block:Pagination}
  752. {/block:ifnotPaginate}
  753.  
  754. </div>
  755.  
  756. <a href="#" class="top"><i class="fa fa-angle-up"></i></a>
  757. <div class="c"><a href="http://acuite.tumblr.com">acuite</a></div>
  758.  
  759. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  760. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  761. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  762. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  763. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  764. <script>
  765. $(document).ready(function(){
  766. $('.photo-slideshow').pxuPhotoset({
  767. lightbox: true,
  768. gutter: '1px',
  769. photoset: '.photo-slideshow',
  770. photoWrap: '.photo-data',
  771. photo: '.pxu-photo',
  772. {block:ifnotRoundEdges}
  773. rounded: false,
  774. {/block:ifnotRoundEdges}
  775. {block:ifRoundEdges}
  776. rounded: 'corners',
  777. borderRadius: '3px'
  778. {/block:ifRoundEdges}
  779. });
  780. {block:ifnotPaginate}
  781. var $container = $('#content');
  782. $container.infinitescroll({
  783. itemSelector: '.entry',
  784. navSelector: '.pag',
  785. nextSelector: '.next',
  786. loadingImg: ' ',
  787. loadingText: ' ',
  788. donetext: 'No more posts' ,
  789. bufferPx: 2000,
  790. {block:ifLoadMore}
  791. errorCallback: function(){
  792. jQuery('.load').delay(50).fadeOut();
  793. }
  794. {/block:ifLoadMore}
  795. },
  796. function( newElements ) {
  797. var $newElems = $( newElements );
  798. var $newElemsIDs = $newElems.map(function(){
  799. return this.id;
  800. }).get();
  801. $newElems.find('.photo-slideshow').pxuPhotoset({
  802. lightbox: true,
  803. gutter: '1px',
  804. photoset: '.photo-slideshow',
  805. photoWrap: '.photo-data',
  806. photo: '.pxu-photo',
  807. {block:ifnotRoundEdges}
  808. rounded: false,
  809. {/block:ifnotRoundEdges}
  810. {block:ifRoundEdges}
  811. rounded: 'corners',
  812. borderRadius: '3px'
  813. {/block:ifRoundEdges}
  814. });
  815. resizeVideos();
  816. console.log($newElems, $newElemsIDs);
  817. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  818. });
  819. {block:ifLoadMore}
  820. $(window).unbind(".infscr");
  821. $(".load").click(function(){
  822. $("#content").infinitescroll("retrieve");
  823. });
  824. {/block:ifLoadMore}
  825. {/block:ifnotPaginate}
  826. });
  827.  
  828.  
  829.  
  830. // scroll to top © html-tuts.com
  831. var amountScrolled = 500;
  832.  
  833. $(window).scroll(function() {
  834. if ($(window).scrollTop() > amountScrolled) {
  835. $('a.top').fadeIn('slow');
  836. } else {
  837. $('a.top').fadeOut('slow');
  838. }
  839. });
  840.  
  841. $('a.top').click(function() {
  842. $('body, html').animate({
  843. scrollTop: 0
  844. }, 'slow');
  845. return false;
  846. });
  847.  
  848.  
  849. // drop links & post notes
  850. $(document).ready(function(){
  851. $(".pn").hide();
  852. $(".pnh").show();$('.pnh').toggle(function(){
  853. $(".pn").slideDown(function(){});
  854. },function(){
  855. $(".pn").slideUp(function(){});
  856. });
  857. $(".lb").hide();
  858. $(".lh").show();$('.lh').toggle(function(){
  859. $(".lb").slideDown(function(){});
  860. },function(){
  861. $(".lb").slideUp(function(){});
  862. });
  863. });
  864.  
  865.  
  866. // tooltips
  867. (function($){
  868. $(document).ready(function(){
  869. $("[title]").style_my_tooltips({
  870. tip_delay_time:200,
  871. tip_fade_speed:300
  872. }
  873. );
  874. });
  875. })(jQuery);
  876.  
  877. </script>
  878. </body>
  879. </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!