API tools faq
paste
Advertisement
MystiqueAquanian

Styx theme

MystiqueAquanian
Dec 9th, 2016
49
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.23 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. THEME: STYX
  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. <title>Galaxies In Her Eyes</title>
  17. <link rel="shortcut icon" href="http://imgur.com/eVbSAug.jpg">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21. <meta name="color:Background" content="#f8f8f8"/>
  22. <meta name="color:Post" content="#fff"/>
  23. <meta name="color:Border" content="#eee"/>
  24. <meta name="color:Text" content="#555"/>
  25. <meta name="color:Link" content="#999"/>
  26. <meta name="color:Hover" content="#EBC4FF"/>
  27.  
  28. <meta name="if:Tags" content=""/>
  29. <meta name="if:Load More" content=""/>
  30. <meta name="if:Paginate" content=""/>
  31. <meta name="if:Round Edges" content=""/>
  32.  
  33. <meta name="select:Captions" content="creg" title="Regular">
  34. <meta name="select:Captions" content="cmin" title="Minimal">
  35. <meta name="select:Captions" content="cinl" title="Inline">
  36. <meta name="select:Captions" content="chid" title="Hide">
  37.  
  38. <meta name="text:Post" content="400"/>
  39. <meta name="text:Sidebar" content="200"/>
  40. <meta name="text:Margin" content="60"/>
  41.  
  42. <meta name="text:Link 1" content="/"/>
  43. <meta name="text:Link 1 Title" content="one"/>
  44. <meta name="text:Link 2" content="/" />
  45. <meta name="text:Link 2 Title" content="two"/>
  46. <meta name="text:Link 3" content="/" />
  47. <meta name="text:Link 3 Title" content="three"/>
  48. <meta name="text:Link 4" content="/" />
  49. <meta name="text:Link 4 Title" content="four"/>
  50.  
  51.  
  52. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  53. <link href='https://fonts.googleapis.com/css?family=Karla|Muli:400, 400:italic|Roboto:400,400italic,500,500italic|Cardo:400,400italic|Inconsolata' rel='stylesheet' type='text/css'>
  54.  
  55. <meta name="color:Updates Tab Icons BG" content="#d3dbed"/>
  56. <meta name="color:Updates Tab Icons BG Hover" content="#dae7f3"/>
  57. <meta name="color:Updates Tab Icons" content="#000"/>
  58. <meta name="color:Updates Tab Icons Hover" content="#aaaaaa"/>
  59. <meta name="color:Updates Tab Title" content="#a6b3c1"/>
  60. <meta name="color:Updates Tab Content" content="#9f9f9f"/>
  61. <meta name="color:Updates Tab Link" content="#a4bfdc"/>
  62. <meta name="color:Updates Tab Link Hover" content="#d9dfe2"/>
  63. <meta name="color:Updates Tab Link Border" content="#dce9f5"/>
  64. <meta name="color:Updates Tab Stars" content="#ffdd62"/>
  65. <meta name="select:Updates Tab Font Family" content="Karla" title="Karla"/>
  66. <meta name="select:Updates Tab Font Family" content="Roboto" title="Roboto"/>
  67. <meta name="select:Updates Tab Font Family" content="Inconsolata" title="Inconsolata"/>
  68. <meta name="select:Updates Tab Font Family" content="Muli" title="Muli"/>
  69. <meta name="select:Updates Tab Font Family" content="Cardo" title="Cardo"/>
  70. <meta name="if:Updates Tab" content="1"/>
  71. <meta name="if:Reveal Updates On Click" content="1"/>
  72.  
  73.  
  74. <------>
  75.  
  76.  
  77.  
  78.  
  79. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  80. <link href='https://fonts.googleapis.com/css?family=Open+Sans:300i,400,400italic,600,600italic,700,700italic|Merriweather:700,700i' rel='stylesheet' type='text/css'>
  81.  
  82. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  83.  
  84.  
  85. <style type="text/css">
  86.  
  87. /* Scroll */
  88.  
  89. ::-webkit-scrollbar {width:12px;height:11px;background:{color:Border};}
  90. ::-webkit-scrollbar-thumb {background:rgba({RGBcolor:Link},0.5);}
  91. ::-webkit-scrollbar,::-webkit-scrollbar-thumb {
  92. border:5px solid {color:Background};
  93. }
  94.  
  95. /* Controls */
  96.  
  97. #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;}
  98.  
  99. /* General */
  100.  
  101. body {margin:0;color:{color:Text};background:{color:Background};}
  102. a:link, a:active, a:visited {text-decoration:none;}
  103. body,p,pre,blockquote,big,small,sub,sup {font-size:10px;}
  104. body,p,pre,em{font-family:'Open Sans',Arial,Helvetica,sans-serif;}
  105. a,.our_button,.like_button,nav a .lnr,.dh .lnr{
  106. transition:0.5s ease;
  107. -o-transition:0.5s ease;
  108. -moz-transition:0.5s ease;
  109. -webkit-transition:0.5s ease;
  110. }
  111.  
  112. /* Credit & Scroll to Top */
  113.  
  114. .c,.top{position:fixed;right:30px;width:40px;}
  115. .c {bottom:30px;}
  116. .top {bottom:50px;display:none;}
  117.  
  118. /* Pagination */
  119.  
  120. .cp {font-weight:600;}
  121. .cp,.jp,.pag a{display:inline-block;vertical-align:middle;margin:0 10px;}
  122. .pag a .lnr,.top{font-size:16px;}
  123. .pag,.load {position:relative;margin:{text:Margin}px;width:{text:Post}px;}
  124. .load {cursor:pointer;display:block;}
  125. .c,.top,.pag,.load {text-align:center;}
  126. .c,.pag,.load {font-size:9px;letter-spacing:1px;text-transform:uppercase;}
  127.  
  128.  
  129. /* Containers */
  130.  
  131. .center {
  132. position:relative;
  133. margin-left:calc({text:Sidebar}px + 41px);
  134. }
  135.  
  136. .entry img{max-width:100%;height:auto;}
  137. .entry {
  138. width:{text:Post}px;
  139. margin:{text:Margin}px;
  140. background:{color:Post};
  141. border:1px solid {color:Border};
  142. overflow:hidden;
  143. }
  144.  
  145. /* Sidebar */
  146.  
  147. aside {
  148. position:fixed;
  149. width:{text:Sidebar}px;
  150. height:100%;
  151. top:0;
  152. left:0;
  153. padding:20px;
  154. background:{color:Post};
  155. border-right:1px solid {color:Border};
  156. }
  157.  
  158. .blog_info {font-size:0;}
  159. .blog_info .dh {float:right;padding:10px 0;}
  160. .blog_info .dh .lnr {font-size:14px;padding:5px;}
  161. aside .image,aside h1 {display:inline-block;vertical-align:middle;}
  162. .image {width:34px;margin-right:12px;}
  163. .desc {padding:10px 0 0;margin:10px 0;font-size:10px;}
  164. .lh {cursor:help;}
  165. .lb {display:none;padding:10px;}
  166. .lb a {display:inline-block;width:50%;margin:8px 0;}
  167. nav {font-size:0;}
  168. nav a .lnr {
  169. display:inline-block;
  170. vertical-align:middle;
  171. margin-right:9px;
  172. padding:5px;
  173. font-size:13px;
  174. color:rgba({RGBcolor:Text},0.5);
  175. }
  176.  
  177. nav a:hover .lnr,.dh .lnr:hover {
  178. background:rgba(230,186,241,0.75);
  179. color:#fff;
  180. }
  181.  
  182. nav a {
  183. display:block;
  184. margin:10px 0;
  185. font-size:10px;
  186. line-height:100%;
  187. color:{color:Text};
  188. text-transform:capitalize;
  189. }
  190.  
  191. .srch .lnr {color:{color:Link};}
  192. .srch {
  193. margin:20px 0;
  194. padding:5px 9px;
  195. background:{color:Background};
  196. border:1px solid {color:Border};
  197. }
  198.  
  199. .srch input{
  200. width:calc(100% - 13px);
  201. background:inherit;
  202. padding:0;
  203. border:0;
  204. margin:0;
  205. outline:none;
  206. font:inherit;
  207. opacity:0.6;
  208. font-size:10px;
  209. line-height:100%;
  210. }
  211.  
  212. .srch input[type=text] {color:{color:Link};}
  213. input::-webkit-input-placeholder {color:{color:Link};}
  214. input::-moz-placeholder {color:{color:Link};}
  215. input:-moz-placeholder {color:{color:Link};}
  216. input:-ms-input-placeholder {color:{color:Link};}
  217. input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
  218.  
  219. /* Titles */
  220.  
  221. a h1 {color:{color:Text};}
  222. a h1 i {color:{color:Link};}
  223. a:hover h1 * {color:#E6BAF1;transition:0.7s;}
  224. h1 {margin:0;font-size:11px;line-height:100%;}
  225. h1 i {font-weight:400;display:block;font-style:normal;font-size:9px;}
  226.  
  227. h2 {
  228. margin:10px;
  229. font-size:14px;
  230. line-height:100%;
  231. font-family:Merriweather,Georgia,serif;
  232. }
  233.  
  234. h3,h4,h5 {margin:10px;font-weight:600;font-size:10px;}
  235.  
  236. /* Permalinks */
  237.  
  238. .p {font-size:0;padding:15px;}
  239. .ple a,.ple,.pri,.tags a{display:inline-block;vertical-align:middle;}
  240. a.time,.tags a{font-size:9px;line-height:100%;}
  241. a.time {margin-top:-2px;}
  242. .pic {width:16px;border-radius:50%;margin-right:9px;}
  243. .ple {width:calc(100% - 32px);}
  244. .pri {text-align:right;width:32px;}
  245. .pri .lnr {font-size:12px;line-height:100%;}
  246.  
  247. .custom-like-button *{cursor:pointer!important;}
  248. .custom-like-button {
  249. position:relative;
  250. display:inline-block;
  251. vertical-align:top;
  252. width:11px;
  253. height:11px;
  254. cursor:pointer;
  255. margin-right:9px;
  256. }
  257.  
  258. .like_button:hover + .our_button {color:{color:Hover};}
  259. .like_button.liked + .our_button {color:{color:Hover};}
  260. .like_button iframe {width:100%!important;height:100%!important;}
  261. .like_button {z-index:10;opacity:0;}
  262. .our_button {z-index:1;}
  263. .our_button,.like_button {
  264. position:absolute;
  265. top:0;
  266. left:0;
  267. width:100%;
  268. height:100%;
  269. }
  270.  
  271. .tags {margin-top:10px;}
  272. .tags a:hover {
  273. color:{color:Post};
  274. background:{color:Hover};
  275. border-color:{color:Hover};
  276. }
  277.  
  278. .tags a {
  279. margin:0 5px 0 0;
  280. background:{color:Background};
  281. border:1px solid {color:Border};
  282. padding:4px 5px 5px;
  283. }
  284.  
  285. /* Quotes */
  286.  
  287. .qut_hold {padding:30px;}
  288. .src {margin-bottom:2px;}
  289. .qut {font-size:13px;font-style:italic;font-weight:300;letter-spacing:0.3px;}
  290.  
  291. /* Audio & Chat */
  292.  
  293. .chat,.lines,.chat h2,.audio {padding:10px;}
  294. .chat h2 {margin:0;}
  295. .lines b{display:block;font-weight:400;}
  296.  
  297. .play {
  298. padding:10px;
  299. background:#e4e4e4;
  300. margin-right:15px;
  301. height:27px;
  302. width:27px;
  303. }
  304.  
  305. .audio {font-size:0;}
  306. .play,.au {display:inline-block;vertical-align:middle;}
  307. .soundcloud_audio_player{padding:15px 0;}
  308. .tn {text-transform:uppercase;letter-spacing:1px;}
  309. .au span {display:block;margin:3px 0;font-size:9px;}
  310. .au {width:calc(100% - 62px);}
  311. .tumblr_audio_player {width:27px;height:27px;overflow:hidden;}
  312.  
  313. /* Text */
  314.  
  315. ol,ul {padding:0 0 0 20px;}
  316. li {margin:5px;}
  317. p,blockquote,pre,ul,ol{margin:10px;}
  318. b,strong {font-weight:600;}
  319. blockquote p{margin:10px 0;}
  320. blockquote p:first-child{margin:0 0 10px;}
  321. blockquote p:last-child{margin:10px 0 0;}
  322. blockquote p:only-child{margin:0;}
  323. blockquote blockquote {margin:0;}
  324. blockquote{padding-left:10px;border-left:1px solid {color:Border};}
  325. pre {
  326. white-space:pre-wrap;
  327. white-space:-moz-pre-wrap;
  328. white-space:-pre-wrap;
  329. white-space:-o-pre-wrap;
  330. word-wrap:break-word;
  331. }
  332.  
  333. /* Captions */
  334.  
  335. .txt iframe,.cap iframe{display:block;max-width:100%;overflow:hidden;}
  336. .txt,.cap {padding:10px;}
  337. .cmin blockquote {border:0;padding:0;}
  338. .chid {display:none;}
  339. .cinl {padding:20px;}
  340. .cinl *:not(a):not(ul):not(ol):not(li){margin:0;padding:0;display:inline;}
  341. .cinl p:first-of-type {display:inline!important;}
  342. .cinl blockquote {border:0;}
  343. .cinl p,.cinl blockquote p {display:block!important;margin:0!important;}
  344.  
  345. /* Video */
  346.  
  347. .video {overflow:hidden;}
  348. .vine-embed,#youtube_iframe {display:block;}
  349. .instagram-media {border-radius:0!important;box-shadow:none!important;}
  350.  
  351. /* Photosets */
  352.  
  353. #tumblr_lightbox,.tmblr-lightbox {
  354. background:rgba({RGBcolor:Background},0.99)!important;
  355. }
  356.  
  357. #vignette,#tumblr_lightbox_caption,.vignette,.lightbox-caption{
  358. opacity:0!important;
  359. }
  360.  
  361. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image,
  362. #tumblr_lightbox_right_image, .lightbox-image {
  363. box-shadow:none!important;
  364. border-radius:0px!important;
  365. {block:ifRoundEdges}border-radius:4px!important;{/block:ifRoundEdges}
  366. }
  367.  
  368. /* Ask */
  369.  
  370. .ask {padding:20px;}
  371. .aski {margin:0 0 10px;line-height:20px;font-size:10px;}
  372. .aski img {float:left;width:20px;margin-right:7px;}
  373.  
  374. /* Permalink Page + Postnotes */
  375.  
  376. .pph {text-transform:lowercase;}
  377. .perma {padding:15px;line-height:175%;}
  378. .pmt a:after {content:',';}
  379. .pmt a:last-of-type:after {content:'.';}
  380. .pn ol {margin:0;padding:0;list-style-type:none;}
  381. .pn li{margin:10px;font-size:8.5px;line-height:100%;}
  382. .pn,.pn img{display:none;}
  383. .pn {padding:10px;font-size:0;}
  384. .pnh,.more_notes_link,.notes_loading {display:block;font-weight:600;}
  385. .more_notes_link,.notes_loading {text-align:left!important;}
  386.  
  387. /* Tooltips */
  388.  
  389. #s-m-t-tooltip{
  390. max-width:200px;
  391. margin:15px;
  392. z-index:99999999;
  393. padding:6px;
  394. line-height:100%;
  395. word-wrap:break-word;
  396. word-break:break-all;
  397. background:{color:Post};
  398. border:1px solid {color:Border};
  399. }
  400.  
  401. /* Common Styles */
  402.  
  403. .ask,p,blockquote,.lines,.pn,.qut,.desc,.cap{line-height:150%;}
  404. a:hover, a h2:hover{color:{color:Hover};}
  405. a,.p,.perma,.src,.lines b,.tn,h2,.ask,.lb a,.pag{color:{color:Link};}
  406. h2 a i{margin:0 2px;}
  407.  
  408. {block:ifRoundEdges}
  409. .play,.aski img,.entry,#s-m-t-tooltip,.image,aside .lnr,.tags a,.srch{
  410. border-radius:4px;
  411. }
  412. {/block:ifRoundEdges}
  413.  
  414. /* Borders */
  415.  
  416. .lb {border-bottom:1px solid {color:Border};}
  417. .cap,.desc,.lb,.p {border-top:1px solid {color:Border};}
  418. .cap a,.txt a {border-bottom:1px solid rgba({RGBcolor:Hover},0.25);}
  419.  
  420. /* Etc */
  421.  
  422. img {margin:0;display:block;}
  423.  
  424. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  425.  
  426. </style>
  427. </head>
  428. <body>
  429.  
  430. <SCRIPT type="text/javascript">
  431. /*
  432. Snow Fall 1 - no images - Java Script
  433. Visit http://rainbow.arch.scriptmania.com/scripts/
  434. for this script and many more
  435. */
  436.  
  437. // Set the number of snowflakes (more than 30 - 40 not recommended)
  438. var snowmax=35
  439.  
  440. // Set the colors for the snow. Add as many colors as you like
  441. var snowcolor=new Array("#aaaacc","#ddddff","#ccccdd","#f3f3f3","#f0ffff")
  442.  
  443. // Set the fonts, that create the snowflakes. Add as many fonts as you like
  444. var snowtype=new Array("Times","Arial","Times","Verdana")
  445.  
  446. // Set the letter that creates your snowflake (recommended: * )
  447. var snowletter="*"
  448.  
  449. // Set the speed of sinking (recommended values range from 0.3 to 2)
  450. var sinkspeed=0.6
  451.  
  452. // Set the maximum-size of your snowflakes
  453. var snowmaxsize=30
  454.  
  455. // Set the minimal-size of your snowflakes
  456. var snowminsize=8
  457.  
  458. // Set the snowing-zone
  459. // Set 1 for all-over-snowing, set 2 for left-side-snowing
  460. // Set 3 for center-snowing, set 4 for right-side-snowing
  461. var snowingzone=1
  462.  
  463. ///////////////////////////////////////////////////////////////////////////
  464. // CONFIGURATION ENDS HERE
  465. ///////////////////////////////////////////////////////////////////////////
  466.  
  467.  
  468. // Do not edit below this line
  469. var snow=new Array()
  470. var marginbottom
  471. var marginright
  472. var timer
  473. var i_snow=0
  474. var x_mv=new Array();
  475. var crds=new Array();
  476. var lftrght=new Array();
  477. var browserinfos=navigator.userAgent
  478. var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
  479. var ns6=document.getElementById&&!document.all
  480. var opera=browserinfos.match(/Opera/)
  481. var browserok=ie5||ns6||opera
  482.  
  483. function randommaker(range) {
  484. rand=Math.floor(range*Math.random())
  485. return rand
  486. }
  487.  
  488. function initsnow() {
  489. if (ie5 || opera) {
  490. marginbottom = document.body.scrollHeight
  491. marginright = document.body.clientWidth-15
  492. }
  493. else if (ns6) {
  494. marginbottom = document.body.scrollHeight
  495. marginright = window.innerWidth-15
  496. }
  497. var snowsizerange=snowmaxsize-snowminsize
  498. for (i=0;i<=snowmax;i++) {
  499. crds[i] = 0;
  500. lftrght[i] = Math.random()*15;
  501. x_mv[i] = 0.03 + Math.random()/10;
  502. snow[i]=document.getElementById("s"+i)
  503. snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
  504. snow[i].size=randommaker(snowsizerange)+snowminsize
  505. snow[i].style.fontSize=snow[i].size+'px';
  506. snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
  507. snow[i].style.zIndex=1000
  508. snow[i].sink=sinkspeed*snow[i].size/5
  509. if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  510. if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  511. if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  512. if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  513. snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
  514. snow[i].style.left=snow[i].posx+'px';
  515. snow[i].style.top=snow[i].posy+'px';
  516. }
  517. movesnow()
  518. }
  519.  
  520. function movesnow() {
  521. for (i=0;i<=snowmax;i++) {
  522. crds[i] += x_mv[i];
  523. snow[i].posy+=snow[i].sink
  524. snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';
  525. snow[i].style.top=snow[i].posy+'px';
  526.  
  527. if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
  528. if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  529. if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  530. if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  531. if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  532. snow[i].posy=0
  533. }
  534. }
  535. var timer=setTimeout("movesnow()",50)
  536. }
  537.  
  538. for (i=0;i<=snowmax;i++) {
  539. document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
  540. }
  541. if (browserok) {
  542. window.onload=initsnow
  543. }
  544.  
  545. </SCRIPT>
  546. <p><font face="arial" size="-2">Free JavaScript from </font><br><font face="arial, helvetica" size="-2"><a href="http://rainbow.arch.scriptmania.com/scripts/">Rainbow Arch</a></font></p>
  547.  
  548.  
  549.  
  550.  
  551.  
  552.  
  553.  
  554.  
  555.  
  556.  
  557.  
  558. <aside>
  559. <div class="blog_info">
  560. <a class="dh" href="#"><span class="lnr lnr-chevron-down"></span></a>
  561. <a href="/">
  562. <img class="image" src="{PortraitURL-128}"/>
  563. <h1>{Title}<br><i>{Name}</i></h1>
  564. </a>
  565. </div>
  566.  
  567. <div class="desc"><p>She is not looking for a prince.</p>
  568. <p>She is looking for a sword.</p>
  569. </div>
  570.  
  571. <form class="srch" action="/search" method="get">
  572. <span class="lnr lnr-magnifier"></span><input type="text" name="q" placeholder="Search" value="{SearchQuery}"/>
  573.  
  574. </form>
  575.  
  576. <nav>
  577. <a href="/"><span class="lnr lnr-home"></span>Home</a>
  578. <a href="/about"><span class="lnr lnr-user"></span>About Me</a>
  579. <a href="/ask"><span class="lnr lnr-envelope"></span>Owl Me</a>
  580. <a href="/characters"><span class="lnr lnr-history"></span>My Characters</a>
  581. <a href="/tags"><span class="lnr lnr-tag"></span>Tags</a>
  582. <a href="/archive"><span class="lnr lnr-history"></span>Archive</a>
  583. </nav>
  584. </aside>
  585.  
  586.  
  587.  
  588.  
  589. <div class="center">
  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} <span class="lnr lnr-chevron-right"></span></a></h2>
  605. {block:Description}{Description}{/block:Description}
  606. </div>
  607. {/block:Link}
  608.  
  609. {block:Photo}
  610. <div class="bx"><a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a></div>
  611. {/block:Photo}
  612.  
  613. {block:Photoset}
  614. <div class="bx"><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></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"><img src="{AskerPortraitURL-24}">{Asker} said:</div>
  648. <div class="que">{Question}</div>
  649. </div>
  650. <div class="txt">{Answer}</div>
  651. {/block:Answer}
  652.  
  653. {block:Caption}<div class="cap {select:Captions}">{Caption}</div>{/block:Caption}
  654.  
  655. {block:IndexPage}
  656. <div class="p">
  657. <div class="ple">
  658. {block:RebloggedFrom}
  659. <a href="{ReblogRootURL}" title="{ReblogRootName}">
  660. <img class="pic" src="{ReblogRootPortraitURL-96}">
  661. </a>
  662. {/block:RebloggedFrom}
  663. {block:NotReblog}
  664. <a href="{Permalink}" title="{Name}">
  665. <img class="pic" src="{PortraitURL-96}">
  666. </a>
  667. {/block:NotReblog}
  668. <a class="time" href="{Permalink}">posted {TimeAgo}</a>
  669. </div>
  670.  
  671. <div class="pri">
  672. <div class="custom-like-button">{LikeButton}
  673. <span class="our_button"><span class="lnr lnr-heart"></span></span>
  674. </div>
  675. <a href="{ReblogURL}"><span class="lnr lnr-sync"></span></a>
  676. </div>
  677.  
  678. {block:ifTags}{block:HasTags}<div class="tags">
  679. {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
  680. </div>{/block:HasTags}{/block:ifTags}
  681. </div>
  682. {/block:IndexPage}
  683.  
  684.  
  685.  
  686. {block:PermalinkPage}
  687. {block:Date}
  688. <div class="pph">
  689. <div class="perma">
  690. posted {TimeAgo} on {DayofMonthWithSuffix} {Month}
  691. {block:RebloggedFrom}<br>
  692. via <a href="{ReblogParentURL}">{ReblogParentName}</a> &nbsp;&nbsp;&nbsp;
  693. source <a href="{ReblogRootURL}">{ReblogRootName}</a>
  694. {/block:RebloggedFrom}
  695.  
  696. {block:HasTags}<div class="pmt">tags: &nbsp;
  697. {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
  698. </div>{/block:HasTags}
  699. <a href="#" class="pnh">{NoteCountWithLabel}</a>
  700. </div>
  701.  
  702. {block:PostNotes}
  703. <div class="pn">{PostNotes}</div>
  704. {/block:PostNotes}
  705.  
  706. </div>
  707. {/block:Date}
  708. {/block:PermalinkPage}
  709.  
  710. {block:ContentSource}
  711. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  712. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  713. {/block:SourceLogo}
  714. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  715. {/block:ContentSource}
  716.  
  717. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  718.  
  719. </div>
  720. {/block:Posts}
  721.  
  722. {block:ifPaginate}
  723. {block:Pagination}
  724. <div class="pag">
  725. {block:PreviousPage}
  726. <a href="{PreviousPage}"><span class="lnr lnr-chevron-left"></span></a>
  727. {/block:PreviousPage}
  728.  
  729. {block:JumpPagination length="3"}
  730. {block:CurrentPage}
  731. <span class="cp">{PageNumber}</span>
  732. {/block:CurrentPage}
  733. {block:JumpPage}
  734. <a class="jp" href="{URL}">{PageNumber}</a>
  735. {/block:JumpPage}
  736. {/block:JumpPagination}
  737.  
  738. {block:NextPage}
  739. <a href="{NextPage}"><span class="lnr lnr-chevron-right"></span></a>
  740. {/block:NextPage}
  741. </div>
  742. {/block:Pagination}
  743. {/block:ifPaginate}
  744.  
  745. </div>
  746.  
  747. {block:ifnotPaginate}
  748. {block:Pagination}
  749. <div class="pag">
  750. {block:PreviousPage}
  751. <a href="{PreviousPage}" class="prev">back</a>
  752. {/block:PreviousPage}
  753. {block:NextPage}
  754. <a href="{NextPage}" class="next">next</a>
  755. {/block:NextPage}
  756. </div>
  757.  
  758. {block:ifLoadMore}
  759. <a class="load">Load More</a>
  760. {/block:ifLoadMore}
  761. {/block:Pagination}
  762. {/block:ifnotPaginate}
  763.  
  764. </div>
  765.  
  766. <a href="#" class="top"><span class="lnr lnr-chevron-up"></span></a>
  767. <div class="c"><a href="http://acuite.tumblr.com">acuite</a></div>
  768.  
  769. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  770. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  771. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  772. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  773. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  774. <script>
  775. $(document).ready(function(){
  776. $('.photo-slideshow').pxuPhotoset({
  777. lightbox: true,
  778. rounded: false,
  779. gutter: '1px',
  780. photoset: '.photo-slideshow',
  781. photoWrap: '.photo-data',
  782. photo: '.pxu-photo'
  783. });
  784. {block:ifnotPaginate}
  785. var $container = $('#content');
  786. $container.infinitescroll({
  787. itemSelector: '.entry',
  788. navSelector: '.pag',
  789. nextSelector: '.next',
  790. loadingImg: ' ',
  791. loadingText: ' ',
  792. donetext: 'No more posts' ,
  793. bufferPx: 2000,
  794. {block:ifLoadMore}
  795. errorCallback: function(){
  796. jQuery('.load').delay(50).fadeOut();
  797. }
  798. {/block:ifLoadMore}
  799. },
  800. function( newElements ) {
  801. var $newElems = $( newElements );
  802. var $newElemsIDs = $newElems.map(function(){
  803. return this.id;
  804. }).get();
  805. $newElems.find('.photo-slideshow').pxuPhotoset({
  806. lightbox: true,
  807. rounded: false,
  808. gutter: '1px',
  809. photoset: '.photo-slideshow',
  810. photoWrap: '.photo-data',
  811. photo: '.pxu-photo'
  812. });
  813. resizeVideos();
  814. console.log($newElems, $newElemsIDs);
  815. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  816. });
  817.  
  818. {block:ifLoadMore}
  819. $(window).unbind(".infscr");
  820. $(".load").click(function(){
  821. $("#content").infinitescroll("retrieve");
  822. });
  823. {/block:ifLoadMore}
  824.  
  825. {/block:ifnotPaginate}
  826. });
  827.  
  828.  
  829.  
  830. // scroll to top © html-tuts.com
  831. var amountScrolled = 500;
  832. $(window).scroll(function() {
  833. if ($(window).scrollTop() > amountScrolled) {
  834. $('a.top').fadeIn('slow');
  835. } else {
  836. $('a.top').fadeOut('slow');
  837. }
  838. });
  839.  
  840. $('a.top').click(function() {
  841. $('body, html').animate({
  842. scrollTop: 0
  843. }, 'slow');
  844. return false;
  845. });
  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. $(".desc").hide();
  858. $(".dh").show();$('.dh').toggle(function(){
  859. $(".desc").slideDown(function(){});
  860. },function(){
  861. $(".desc").slideUp(function(){});
  862. });
  863. $(".lb").hide();
  864. $(".lh").show();$('.lh').toggle(function(){
  865. $(".lb").slideDown(function(){});
  866. },function(){
  867. $(".lb").slideUp(function(){});
  868. });
  869. });
  870.  
  871.  
  872.  
  873. // tooltips
  874. (function($){
  875. $(document).ready(function(){
  876. $("[title]").style_my_tooltips({
  877. tip_delay_time:200,
  878. tip_fade_speed:300
  879. }
  880. );
  881. });
  882. })(jQuery);
  883.  
  884.  
  885. </body>
  886.  
  887. <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  888. {block:ifRevealUpdatesOnClick}
  889. <script>
  890. $(function(){
  891. $(".container_content").hide();
  892. $(".ui").each(function(){
  893. $(this).click(function(){
  894. $(this).parent().find('.container_content').stop(true, true).delay(200).slideToggle("slow");
  895. });
  896. })
  897. });
  898. </script>
  899. {/block:ifRevealUpdatesOnClick}
  900. <script>
  901. $(function(){
  902. $(".ui").each(function(){
  903. $(this).click(function(){
  904. var lea = $(this).parent().find(".lino").width() == 0 ? "175px" : "0px";
  905. $(this).parent().find(".lino").stop(true, true).animate({width:lea});
  906.  
  907. });
  908. })
  909. });
  910. </script>
  911.  
  912.  
  913. </script>
  914. </body>
  915. </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!