valkyriethemes

[T#03 - Awoken] by Onyxian

Jun 4th, 2016
1,809
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.00 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <!--
  5.  
  6.  
  7. "pls dont copy my coding" - pinta 2k16
  8.  
  9. base code @ shythemes
  10.  
  11.  
  12. -->
  13. <title>{Title}</title>
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. <link rel="shortcut icon" href="{Favicon}">
  16. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  17.  
  18.  
  19.  
  20. <meta name="viewport" content="width=device-width, initial-scale=1">
  21.  
  22. <meta name="if:Show Captions" content="1">
  23. <meta name="if:Show Tags" content="1">
  24.  
  25. <meta name="color:Accent" content="#C0EAD7">
  26. <meta name="color:Accent Hover" content="#86DCB9">
  27. <meta name="color:Background" content="#f7f7f7">
  28. <meta name="color:Borders" content="#eee">
  29. <meta name="color:Title" content="#4e4e4e">
  30. <meta name="color:Posts" content="#fff">
  31. <meta name="color:Text" content="#3f3f3f">
  32.  
  33. <meta name="text:About Title" content="">
  34. <meta name="text:About Subtitle" content="">
  35. <meta name="text:About Left" content="">
  36. <meta name="text:About Right" content="">
  37. <meta name="text:Header Title" content="">
  38. <meta name="text:Header Subtitle" content="">
  39. <meta name="text:Header Hover Subtitle" content="">
  40. <meta name="text:Link 1" content="">
  41. <meta name="text:Link 1 URL" content="">
  42. <meta name="text:Link 2" content="">
  43. <meta name="text:Link 2 URL" content="">
  44. <meta name="text:Link 3" content="">
  45. <meta name="text:Link 3 URL" content="">
  46. <meta name="text:Link 4" content="">
  47. <meta name="text:Link 4 URL" content="">
  48. <meta name="text:Question 1" content="">
  49. <meta name="text:Answer 1" content="">
  50. <meta name="text:Question 2" content="">
  51. <meta name="text:Answer 2" content="">
  52. <meta name="text:Question 3" content="">
  53. <meta name="text:Answer 3" content="">
  54. <meta name="text:Tumblr Name" content="">
  55.  
  56.  
  57.  
  58. <!-- Fonts -->
  59. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  60.  
  61. <link href='https://fonts.googleapis.com/css?family=Quicksand:400,300,700' rel='stylesheet' type='text/css'>
  62.  
  63. <link href='https://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>
  64.  
  65. <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
  66.  
  67. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
  68.  
  69. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  70.  
  71.  
  72.  
  73.  
  74.  
  75. <style type="text/css">
  76.  
  77. @media (max-height: 980px)
  78. #all {
  79. overflow: hidden;}
  80.  
  81. @media (max-width: 1480px)
  82. #all {
  83. overflow: hidden;}
  84.  
  85. html, body {
  86. padding: 0;
  87. margin: 0;}
  88.  
  89. ::-webkit-scrollbar-thumb:vertical {
  90. background-color: #9ff7e7;
  91. height: 50px;}
  92.  
  93. ::-webkit-scrollbar {
  94. height: 7px;
  95. width: 0px;}
  96.  
  97. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
  98. top: 5px!important;
  99. right: 5px!important;
  100. position: fixed;
  101. opacity: 0.3;
  102. background-color: transparent!important;
  103. -moz-transition-duration: 0.5s;
  104. -o-transition-duration: 0.5s;
  105. -webkit-transition-duration: 0.5s;
  106. transition-duration: 0.5s;
  107. -webkit-filter: invert(100%);
  108. -moz-filter: invert(100%);
  109. -o-filter: invert(100%);
  110. -ms-filter: invert(100%);
  111. filter: invert(100%);}
  112.  
  113. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop:hover {
  114. opacity: 0.8;
  115. -moz-transition-duration: 0.5s;
  116. -o-transition-duration: 0.5s;
  117. -webkit-transition-duration: 0.5s;
  118. transition-duration: 0.5s;}
  119.  
  120. #s-m-t-tooltip{
  121. max-width:300px;
  122. z-index:10;
  123. margin:24px 14px 7px 12px;
  124. padding:5px;
  125. padding-bottom:7px;
  126. background: #fff;
  127. border: 1px solid #eee;
  128. -moz-border-radius:0px;
  129. -webkit-border-radius:0px;
  130. border-radius:0px;
  131. font-family: "calibri";
  132. text-transform: uppercase;
  133. font-size:8px;
  134. z-index: 999999999999;
  135. letter-spacing: 1px;
  136. color: {color:Accent Hover};}
  137.  
  138.  
  139. body {
  140. margin:0;
  141. font-size:10px;
  142. font-family:helvetica, sans-serif;
  143. line-height:1.6em;
  144. -moz-osx-font-smoothing:grayscale;
  145. -webkit-font-smoothing:antialiased;
  146. font-smoothing:antialiased;
  147. color: {color: Text};
  148. background-color: {color:Background};}
  149.  
  150. a {
  151. color:inherit;
  152. text-decoration:none;
  153. -webkit-transition:all .2s linear;
  154. transition:all .2s linear;}
  155.  
  156. small, sub {
  157. font-size:1em;
  158. vertical-align:baseline;}
  159.  
  160. blockquote {
  161. padding:.6em .6em .6em 2em;
  162. border-left:1px solid {color:Borders};}
  163.  
  164. blockquote, ol, ul, p, pre {
  165. margin:0 0 .6em;}
  166.  
  167. h1, h2, h3, h4, h5, h6 {
  168. margin:0 0 .6em;
  169. text-align: center;
  170. font-family: open sans;
  171. padding-top: 20px;
  172. padding-bottom: 20px;
  173. font-size:1em;
  174. font-weight:inherit;}
  175.  
  176. img {
  177. border:0;
  178. max-width:100%;
  179. height:auto;
  180. display:block;}
  181.  
  182. hr {
  183. margin:1em 0;
  184. border:0;
  185. height:1px;
  186. -moz-box-sizing:border-box;
  187. box-sizing:border-box;
  188. background-color: {color:Borders};}
  189.  
  190. .title {
  191. font-size:15px;
  192. font-weight:bold;}
  193.  
  194. .accent,
  195. .tumblr_blog {
  196. color: {color:Accent};}
  197.  
  198. /* ------ Step Carousel -------*/
  199.  
  200. .stepcarousel{
  201. position:relative;
  202. background:#fff;
  203. border:1px solid #eee;
  204. width:420px;
  205. height:320px;}
  206.  
  207. /* -------- Tumblr Lightbox ------------*/
  208.  
  209. .vignette, #vignette {
  210. opacity:0;}
  211.  
  212. .tmblr-lightbox, #tumblr_lightbox {
  213. background-color:rgba(245,245,245,.98) !important;}
  214.  
  215. .lightbox-image, #tumblr_lightbox img {
  216. box-shadow:none !important;
  217. border-radius:0 !important;
  218. max-width:none;}
  219.  
  220. .lightbox-image, #tumblr_lightbox img {
  221. padding: 10px;
  222. background-color: {color:Posts};!important;
  223. border:1px solid {color:Borders}!important;}
  224.  
  225. /* ----------- Header and shit ----------*/
  226.  
  227. .header {
  228. width: 100vh;
  229. height: 100vh;
  230. display: block;}
  231.  
  232. /* ------ Header's Title -------*/
  233.  
  234. .htitle {
  235. font-family: "Montserrat";
  236. font-size: 17px;
  237. top: 50%;
  238. left: 50%;
  239. letter-spacing: .5px;
  240. transform: translate(-50%, -50%);
  241. position: absolute;
  242. text-transform: uppercase;
  243. color: {color:Title};}
  244.  
  245. .hquote {
  246. font-family: "Montserrat";
  247. font-size: 10px;
  248. top: 53.5%;
  249. left: 50%;
  250. letter-spacing: 1px;
  251. transform: translate(-50%, -50%);
  252. position: absolute;
  253. text-transform: uppercase;
  254. opacity: 0;
  255. color: {color:Title};
  256. -moz-transition-duration: 0.9s;
  257. -o-transition-duration: 0.9s;
  258. -webkit-transition-duration: 0.9s;
  259. transition-duration: 0.9s;}
  260.  
  261. .htquote {
  262. font-family: "Montserrat";
  263. font-size: 10px;
  264. top: 53.5%;
  265. left: 50%;
  266. letter-spacing: 1px;
  267. transform: translate(-50%, -50%);
  268. position: absolute;
  269. text-transform: uppercase;
  270. opacity: 1;
  271. color: {color:Title};
  272. -moz-transition-duration: 0.9s;
  273. -o-transition-duration: 0.9s;
  274. -webkit-transition-duration: 0.9s;
  275. transition-duration: 0.9s;}
  276.  
  277. .header:hover .htquote {
  278. opacity: 0;
  279. -moz-transition-duration: 0.9s;
  280. -o-transition-duration: 0.9s;
  281. -webkit-transition-duration: 0.9s;
  282. transition-duration: 0.9s;}
  283.  
  284. .header:hover .hquote {
  285. opacity: 1;
  286. -moz-transition-duration: 5.3s;
  287. -o-transition-duration: 5.3s;
  288. -webkit-transition-duration: 5.3s;
  289. transition-duration: 5.3s;}
  290.  
  291.  
  292. /* ---- Container ---------*/
  293.  
  294. .main {
  295. width: 80%;
  296. height: 70%;
  297. max-height: 620px;
  298. top: 50%;
  299. left: 50%;
  300. overflow-x: hidden;
  301. transform: translate(-50%, -50%);
  302. position: fixed;
  303. border: 1px solid {color:Borders};
  304. background-color: {color:Posts};}
  305.  
  306. /* -------- Post Column -----*/
  307.  
  308.  
  309. .content {
  310. position: relative;
  311. margin-top: 80px!important;
  312. margin: auto;}
  313.  
  314. .entry {
  315. width: 500px;
  316. border: 1px solid {color:Borders};
  317. position: relative;
  318. margin: 0 auto;}
  319.  
  320. .entry {
  321. margin-bottom: 50px;}
  322. .entry a {
  323. color: {color:Accent};}
  324.  
  325. .entry a:hover {
  326. color: {color:Accent Hover};}
  327.  
  328. .text {
  329. padding: 10px;
  330. margin:1em 0 0;}
  331.  
  332. .text:last-child,
  333. .text *:last-child {
  334. margin-bottom:0;}
  335.  
  336. /* --------- Audio -------------*/
  337.  
  338. .audioplayer {
  339. width: 270px;
  340. height: 75px;
  341. background-color: {color:Posts};}
  342.  
  343. .ac {
  344. padding: 10px;
  345. width: 250px;}
  346.  
  347. .ainfo {
  348. width: 250px;
  349. position: relative;}
  350.  
  351. .mgif {
  352. font-family: roboto;
  353. font-size: 10px;
  354. position: absolute;
  355. top: 46px;
  356. left: 80px;
  357. text-transform: uppercase;}
  358.  
  359. .tumblr_audio_player {
  360. width: 24px;
  361. height: 24px;
  362. top: 0px;
  363. left: 0px;
  364. background-color: {color:Posts};}
  365.  
  366. .artist {
  367. top: 45px;
  368. left: 100px;
  369. font-family: open sans;
  370. position: absolute}
  371.  
  372. #player {
  373. width: 24px;
  374. height: 24px;
  375. overflow: hidden;
  376. margin: 30px 20px;
  377. padding: 10px;
  378. color: #fff;
  379. background-color: {color:Posts};
  380. border: 1px solid #9ff7e7;
  381. -moz-border-radius: 30px;
  382. -webkit-border-radius: 30px;
  383. border-radius: 30px;}
  384.  
  385. /* ---- Post Info ------*/
  386.  
  387. .date {
  388. font-family: "Karla";
  389. letter-spacing: 1px;
  390. font-size: 1em;
  391. text-align: right;
  392. text-transform: uppercase;
  393. padding: 10px;
  394. margin-top: 0px;
  395. border-top: 1px solid {color:Borders};
  396. background-color: {color:Posts};}
  397.  
  398. .date a {
  399. color: {color:Accent};}
  400.  
  401. .date a:hover {
  402. color: {color:Accent Hover};}
  403.  
  404. .nn a {
  405. position: absolute;
  406. left: 10px;
  407. margin-top: -15px;}
  408.  
  409.  
  410.  
  411. /* ------ Tags -----------*/
  412.  
  413. #stags {
  414. {block:PermalinkPage} opacity: 1.0; {/block:PermalinkPage}
  415. {block:ifNotShowTags} display:none; {/block:ifNotShowTags}}
  416.  
  417.  
  418. #stags .comma:last-of-type {
  419. display:none;}
  420.  
  421. /* ---------- Captions --------*/
  422.  
  423. .caption {
  424. {block:IndexPage}
  425. {block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}
  426. {/block:IndexPage}
  427. padding: 10px;
  428. margin-top: 0px;
  429. border-top: 1px solid {color:Borders};}
  430.  
  431.  
  432. /*-------------- Chat Posts ----------*/
  433.  
  434. .chat {
  435. padding: 10px;
  436. list-style-type:none;}
  437.  
  438. .chat li {
  439. padding: 10px;}
  440.  
  441. .chat .label {text-transform: uppercase;}
  442.  
  443. .line_odd .label {
  444. font-family: karla;
  445. letter-spacing: 1px;
  446. color: #B997CE;}
  447.  
  448. .line_even .label {
  449. font-family: karla;
  450. letter-spacing: 1px;
  451. color: #cef8ec;}
  452.  
  453. .chat .label {
  454. font-weight:bold;}
  455.  
  456. .quote {
  457. padding: 20px;
  458. font-size: 12px;
  459. font-family: quicksand;
  460. text-align: center;
  461. color: #B997CE;}
  462.  
  463.  
  464. .media {
  465. width:100%;}
  466.  
  467.  
  468. {block:ifInfiniteScroll}
  469. .pagination,
  470. #infscr-loading {
  471. display:none!important;
  472. }
  473. {/block:ifInfiniteScroll}
  474.  
  475. /* ---- SVG Icons -------*/
  476.  
  477. svg {
  478. width: 10px;
  479. fill: {color:Text};
  480. opacity: 0.5;
  481. -moz-transition-duration: 0.5s;
  482. -o-transition-duration: 0.5s;
  483. -webkit-transition-duration: 0.5s;
  484. transition-duration: 0.5s}
  485.  
  486. svg:hover {
  487. fill: {color:Accent};
  488. -moz-transition-duration: 0.5s;
  489. -o-transition-duration: 0.5s;
  490. -webkit-transition-duration: 0.5s;
  491. transition-duration: 0.5s;}
  492.  
  493. #dropthebass {
  494. margin-left: 534px;
  495. top: 13px;
  496. opacity: 1;
  497. position: absolute;
  498. -moz-transition-duration:0.5s;
  499. -webkit-transition-duration:0.5s;
  500. -o-transition-duration:0.5s;}
  501.  
  502. #dropthebass a {
  503. width: 10px;
  504. height: 10px;
  505. display: block;
  506. background-color: {color:Posts};
  507. border: 1px solid {color:Borders};
  508. margin: 4px 0px;
  509. padding: 8px;
  510. -moz-transition-duration:0.5s;
  511. -webkit-transition-duration:0.5s;
  512. -o-transition-duration:0.5s;}
  513.  
  514. .entry:hover #dropthebass{
  515. opacity:1;
  516. margin-top: 0px;
  517. -moz-transition-duration:0.5s;
  518. -webkit-transition-duration:0.5s;
  519. -o-transition-duration:0.5s;}
  520.  
  521. .entry h1, h2, h3, h4, h5, h6 {
  522. margin:0 0 .6em;
  523. text-align: center;
  524. font-family: open sans;
  525. padding-top: 20px;
  526. padding-bottom: 20px;
  527. font-size:1em;
  528. font-weight:inherit;}
  529.  
  530.  
  531. /* --------- Like + Reblog ----------*/
  532.  
  533.  
  534. .svgicons {
  535. position: absolute;
  536. margin-top: -18px;
  537. right: 10px;}
  538.  
  539. .svgicons a {
  540. margin: 3.5px;
  541. display: inline-block;}
  542.  
  543. .reblog svg { /* Reblog SVG button */
  544. width: 9px;}
  545.  
  546. .like svg { /* Like SVG button */}
  547.  
  548. .svgicons .liked + svg path { /* active SVG like */
  549. fill: {color:Accent Hover};}
  550.  
  551. .svgicons .like_button iframe { /* class for the Tumblr Like Button iframe */
  552. top: 0px;
  553. bottom: 0px;
  554. left: 0px;
  555. right: 0px;
  556. opacity: 0;
  557. z-index: 0;
  558. position: absolute;}
  559.  
  560. .like_button {
  561. position: absolute;
  562. top: 0;
  563. left: 0;
  564. right: 0;
  565. bottom: 0;
  566. opacity: 0;
  567. z-index: 10;}
  568.  
  569. .like_button:hover + svg path { /* Hover State */
  570. fill: {color:Accent Hover}!important;
  571. -moz-transition-duration: 0.5s;
  572. -o-transition-duration: 0.5s;
  573. -webkit-transition-duration: 0.5s;
  574. transition-duration: 0.5s;}
  575.  
  576.  
  577. .like { /* Make a parent element */
  578. top: 0px;
  579. position: relative;
  580. list-style: none;}
  581.  
  582. .like .like_button { /* Position like button above your custom one */
  583. position: absolute;
  584. top: 0;
  585. opacity: 1;}
  586.  
  587. .svgicons .like .liked + svg path { /* active liked */
  588. fill: {color:Accent Hover}!important;}
  589.  
  590. /* -------- Post Notes ----*/
  591.  
  592. #postnotes {
  593. font-family: roboto;
  594. letter-spacing: .5px;
  595. font-size: 8px;
  596. margin-top: 0px;
  597. word-spacing: 1px;
  598. border-top: 1px solid {color:Borders};
  599. text-transform: uppercase;}
  600.  
  601. #postnotes a {
  602. color: {color:Accent};}
  603.  
  604. #postnotes a:hover {
  605. color: {color:Accent Hover};}
  606.  
  607. ol.notes img {
  608. display: none;}
  609.  
  610. ol.notes{
  611. overflow: hidden;
  612. list-style-type:none
  613. border-bottom: 1px solid {color:Borders};
  614. padding:0px;
  615. margin-top: 50px;
  616. margin-left: 50px;}
  617.  
  618. /* ---- Questions and Answers ------*/
  619.  
  620. .question {
  621. padding: 10px;
  622. text-align: center;
  623. border-bottom: 1px solid {color:Borders};}
  624.  
  625. .sender {
  626. font-family: "Montserrat";
  627. font-size: 17px;
  628. color: {color:Accent};
  629. text-transform: uppercase;
  630. padding-bottom: 10px;}
  631.  
  632. .sender a {
  633. color: {color:Accent};}
  634.  
  635. .sender a:hover {
  636. color: {color:Accent Hover};}
  637.  
  638. .inquiry {
  639. padding-top: 10px;}
  640.  
  641. .answer {
  642. text-align: left;}
  643.  
  644.  
  645.  
  646. /* --- Navigation ---*/
  647.  
  648. .navi {
  649. position: fixed;
  650. left: 10px;
  651. top: 10px;}
  652.  
  653. .navi a {
  654. display: inline-block;
  655. width: 10px;
  656. height: 10px;
  657. border: 1px solid {color:Borders};
  658. background-color: {color:Posts};
  659. padding: 10px;}
  660.  
  661. /* ------- Pop Up Stuffs ---------*/
  662.  
  663. #fade { /*--Transparent background layer--*/
  664. display: none; /*--hidden by default--*/
  665. background-color: {color:Background};
  666. background-image: url(''); /*if you want to add a background image to go behind your popup */
  667. position: fixed; left: 0; top: 0;
  668. width: 100%; height: 100%;
  669. z-index: 9999;}
  670.  
  671. .popup_block {
  672. display: none; /*--hidden by default--*/
  673. background: #fff;
  674. padding: 45px;
  675. border: 1px solid {color:Borders}; /*color of the border of the popup box*/
  676. float: left;
  677. font-size: 12px; /*font size of the words inside the box */
  678. position: fixed;
  679. width: 100%;
  680. font-size: 10px;
  681. font-family: "Open Sans";
  682. height: 400px;
  683. top: 50%; left: 50%;
  684. z-index: 99999; /*if the box is hiding behind other things in your theme, add more 9′s */}
  685.  
  686.  
  687.  
  688. img.btn_close {
  689. float: right;
  690. margin: -5px -5px 0 0;}
  691.  
  692. /*--Making IE6 Understand Fixed Positioning--*/
  693. *html #fade {
  694. position: absolute;}
  695.  
  696. *html .popup_block {
  697. position: absolute;}
  698.  
  699. .popup_block {
  700. border: 1px solid {color:Borders};}
  701.  
  702.  
  703. /* ------ About Section -----*/
  704.  
  705. .desc {
  706. width: 40%;
  707. height: 225px;
  708. padding: 10px;
  709. font-size: 10px;
  710. text-align: justify;
  711. position: absolute;
  712. left: 55px;
  713. bottom: 25px;
  714. padding-right: 11px;
  715. font-family: "Open Sans";
  716. border-top: 1px solid {color:Borders};
  717. border-right: 1px solid {color:Borders};}
  718.  
  719. .desc2 {
  720. width: 40%;
  721. height: 225px;
  722. padding: 10px;
  723. font-size: 10px;
  724. position: absolute;
  725. right: 59px;
  726. bottom: 25px;
  727. text-align: justify;
  728. border-top: 1px solid {color:Borders};
  729. font-family: "Open Sans";}
  730.  
  731. .desc3 {
  732. width: 83%;
  733. height: 175px;
  734. padding: 10px;
  735. font-size: 10px;
  736. position: absolute;
  737. top: 25px;
  738. left: 55px;
  739. text-align: justify;
  740. font-family: "Open Sans";}
  741.  
  742.  
  743. .dtf img {
  744. border-radius: 5%;}
  745.  
  746.  
  747. .atitle {
  748. font-family: "Montserrat";
  749. font-size: 17px;
  750. left: 85px;
  751. top: 25px;
  752. letter-spacing: .5px;
  753. position: absolute;
  754. text-transform: uppercase;
  755. color: {color:Title};}
  756.  
  757. .aquote {
  758. left: 85px;
  759. top: 45px;
  760. font-size: 10px;
  761. letter-spacing: .5px;
  762. position: absolute;}
  763.  
  764. /* ------- Links in the aBOUT Section; thank you acuite! ----*/
  765.  
  766. .alinks {
  767. position: absolute;
  768. top: 90px;
  769. width: 100%;
  770. list-style-type:none;
  771. font-size:0;
  772. margin:0;
  773. padding:0;}
  774.  
  775. .alinks a {
  776. font-family: "Open Sans";
  777. display:inline-block;
  778. margin: 5px;
  779. font-size:10px;
  780. line-height:100%;
  781. width: auto;
  782. color: {color:Accent};}
  783.  
  784. .alinks a:hover {
  785. color: {color:Accent Hover};}
  786.  
  787. /* ------ Biases ---------*/
  788.  
  789. .popup_bias {
  790. display: none; /*--hidden by default--*/
  791. background: {color:Background};
  792. padding: 45px;
  793. border: 1px solid {color:Borders}; /*color of the border of the popup box*/
  794. float: left;
  795. font-size: 12px; /*font size of the words inside the box */
  796. position: fixed;
  797. width: 100%;
  798. font-size: 10px;
  799. font-family: "Open Sans";
  800. height: 100px;
  801. top: 50%; left: 50%;
  802. z-index: 99999; /*if the box is hiding behind other things in your theme, add more 9′s */}
  803.  
  804.  
  805.  
  806.  
  807.  
  808. </style>
  809. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  810. </head>
  811. <body>
  812.  
  813. <!--------------------------------------------------------------------------->
  814. <!-- Navigation -->
  815. <!--------------------------------------------------------------------------->
  816.  
  817.  
  818. <div class="navi">
  819.  
  820.  
  821. <a href="/" a title="index">
  822. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 486.988 486.988" style="enable-background:new 0 0 486.988 486.988;" xml:space="preserve"><g><g><path d="M16.822,284.968h39.667v158.667c0,9.35,7.65,17,17,17h116.167c9.35,0,17-7.65,17-17V327.468h70.833v116.167 c0,9.35,7.65,17,17,17h110.5c9.35,0,17-7.65,17-17V284.968h48.167c6.8,0,13.033-4.25,15.583-10.483 c2.55-6.233,1.133-13.6-3.683-18.417L260.489,31.385c-6.517-6.517-17.283-6.8-23.8-0.283L5.206,255.785 c-5.1,4.817-6.517,12.183-3.967,18.7C3.789,281.001,10.022,284.968,16.822,284.968z M248.022,67.368l181.333,183.6h-24.367 c-9.35,0-17,7.65-17,17v158.667h-76.5V310.468c0-9.35-7.65-17-17-17H189.656c-9.35,0-17,7.65-17,17v116.167H90.489V267.968 c0-9.35-7.65-17-17-17H58.756L248.022,67.368z"/></g></g></svg>
  823. </a>
  824.  
  825. <a href="#?w=500" rel="popup_bias" class="poplight" a title="message">
  826. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 436.333 436.333" style="enable-background:new 0 0 436.333 436.333;" xml:space="preserve"><g><g><path d="M436.333,56.667c0-9.35-7.65-17-17-17H17c-9.35,0-17,7.65-17,17v323c0,9.35,7.65,17,17,17h402.333c9.35,0,17-7.65,17-17 V56.667z M34,362.667v-201.45l170.85,147.05c3.117,2.833,6.8,3.967,10.767,3.967c3.967,0,8.217-1.417,11.617-3.967l175.1-146.483 v200.883H34z M402.333,73.667v43.917c-2.833,0.283-1.417,0.567-1.7,0.567L215.9,273.133L34.567,117.3 c-0.283-0.283-0.567-0.567-0.567-0.85V73.667H402.333z"/></g></g></svg>
  827. </a>
  828.  
  829. <a href="#?w=700" rel="popup_name" class="poplight" a title="info">
  830. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442 442" style="enable-background:new 0 0 442 442;" xml:space="preserve"><g><g><path d="M221,155.833c9.35,0,17-7.65,17-17v-17c0-9.35-7.65-17-17-17c-9.35,0-17,7.65-17,17v17 C204,148.183,211.65,155.833,221,155.833z"/><path d="M187,223.833h17v96.333c0,9.35,7.65,17,17,17c9.35,0,17-7.65,17-17V206.833c0-9.35-7.65-17-17-17h-34 c-9.35,0-17,7.65-17,17S177.65,223.833,187,223.833z"/><path d="M442,17c0-9.35-7.65-17-17-17H17C7.65,0,0,7.65,0,17v408c0,9.35,7.65,17,17,17h408c9.35,0,17-7.65,17-17V17z M408,408H34 V34h374V408z"/></g></g></svg>
  831. </a>
  832.  
  833.  
  834. <a href="http://galesta.tumblr.com" a title="credit"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 408 408" style="enable-background:new 0 0 408 408;" xml:space="preserve"><g><g><path d="M170,19.833c0-9.35-7.65-17-17-17H17c-9.35,0-17,7.65-17,17v136c0,9.35,7.65,17,17,17h136c9.35,0,17-7.65,17-17V19.833z M34,36.833h102v102H34V36.833z"/><path d="M408,19.833c0-9.35-7.65-17-17-17H255c-9.35,0-17,7.65-17,17v136c0,9.35,7.65,17,17,17h136c9.35,0,17-7.65,17-17V19.833z M272,36.833h102v102H272V36.833z"/><path d="M170,252.167c0-9.35-7.65-17-17-17H17c-9.35,0-17,7.65-17,17v136c0,9.35,7.65,17,17,17h136c9.35,0,17-7.65,17-17V252.167z M34,269.167h102v102H34V269.167z"/><path d="M408,252.167c0-9.35-7.65-17-17-17H255c-9.35,0-17,7.65-17,17v136c0,9.35,7.65,17,17,17h136c9.35,0,17-7.65,17-17V252.167 z M272,269.167h102v102H272V269.167z"/></g></g></svg></a>
  835.  
  836.  
  837.  
  838. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" a title="back"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M137.3,43.2c-2.5-2.1-6.3-1.8-8.5,0.7L78,104.1c-1.9,2.2-1.9,5.5,0,7.7l50.8,60.3c1.2,1.4,2.9,2.1,4.6,2.1 c1.4,0,2.7-0.5,3.9-1.4c2.5-2.1,2.9-5.9,0.7-8.5L90.4,108L138,51.6C140.1,49.1,139.8,45.3,137.3,43.2z"/></svg>
  839. </a>{/block:PreviousPage}
  840.  
  841.  
  842. {block:NextPage}<a href="{NextPage}" a title="forth"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M78.7,172.8c1.1,0.9,2.5,1.4,3.9,1.4c1.7,0,3.4-0.7,4.6-2.1l50.8-60.3c1.9-2.2,1.9-5.5,0-7.7L87.2,43.9 c-2.1-2.5-5.9-2.9-8.5-0.7c-2.5,2.1-2.9,5.9-0.7,8.5l47.5,56.4L78,164.4C75.9,166.9,76.2,170.7,78.7,172.8z"/></svg>
  843. </a>{/block:NextPage}</div>{/block:Pagination}
  844.  
  845.  
  846.  
  847.  
  848.  
  849. </div> <!-- End of Navigation Links -->
  850.  
  851.  
  852. <!-------------------------------------------------------------------------->
  853. <!-- About -->
  854. <!-------------------------------------------------------------------------->
  855.  
  856. <div id="popup_name" class="popup_block">
  857.  
  858. <div class="about">
  859.  
  860. <div class="desc3">
  861.  
  862. <div class="dtf"><img src="{PortraitURL-64}"></div>
  863. <div class="atitle">{text:About Title}</div>
  864. <div class="aquote">{text:About Subtitle}</div>
  865.  
  866. <div class="alinks">
  867.  
  868. <!--------------------------------------------------------------------------
  869.  
  870.  
  871. This is your Navigation area; it looks best when you fill up all the links until just above the line divider. You can put as many as 40 links depending on the size of it
  872.  
  873. You'll have to manually add links
  874.  
  875.  
  876. --------------------------------------------------------------------------->
  877.  
  878. <a href="/{text:Link 1 URL}">{text:Link 1}</a>
  879. <a href="/{text:Link 2 URL}">{text:Link 2}</a>
  880. <a href="/{text:Link 3 URL}">{text:Link 3}</a>
  881. <a href="/{text:Link 4 URL}">{text:Link 4}</a>
  882.  
  883.  
  884. <!--------------------------------------------------------------------------
  885.  
  886.  
  887. This is your Navigation area; it looks best when you fill up all the links until just above the line divider. You can put as many as 40 links depending on the size of it.
  888.  
  889. You'll have to manually add links
  890.  
  891.  
  892. --------------------------------------------------------------------------->
  893.  
  894.  
  895.  
  896. </div> <!-- End of First Column -->
  897. </div> <!-- End of Top Description -->
  898.  
  899. <div class="desc">
  900.  
  901. <!--------------------------------------------------------------------------
  902.  
  903.  
  904. This is your About area; when you want to add paragraphs, use <p> text <p>
  905.  
  906.  
  907.  
  908. --------------------------------------------------------------------------->
  909.  
  910. {text:About Left}
  911.  
  912. </div> <!-- End of Left Description -->
  913.  
  914. <div class="desc2">
  915.  
  916. <!--------------------------------------------------------------------------
  917.  
  918.  
  919. This is your About area; when you want to add paragraphs, use <p> text <p>
  920.  
  921.  
  922.  
  923. --------------------------------------------------------------------------->
  924.  
  925. {text:About Right}
  926.  
  927. </div> <!-- End of Right Description -->
  928.  
  929.  
  930.  
  931. </div> <!-- End of About -->
  932. </div> <!-- End of Pop Up Link -->
  933.  
  934. <!-------------------------------------------------------------------------->
  935. <!-- FAQ Shit -->
  936. <!-------------------------------------------------------------------------->
  937.  
  938. <div id="popup_bias" class="popup_block">
  939.  
  940. <div style="padding-top: 20px; margin-left: 5px; ">
  941.  
  942.  
  943.  
  944. {text:Question 1} <br>
  945. {text:Answer 1} <br>
  946.  
  947. <br>
  948.  
  949. {text:Question 2} <br>
  950. {text:Answer 2} <br>
  951.  
  952. <br>
  953.  
  954. {text:Question 3} <br>
  955. {text:Answer 3} <br>
  956.  
  957.  
  958.  
  959.  
  960. </div>
  961.  
  962. <div style="bottom: 45px; position: absolute">
  963. <iframe frameborder="0" height="200" id="ask_form" scrolling="no"src="http://www.tumblr.com/ask_form/{text:Tumblr Name}.tumblr.com" width="500"></iframe>
  964. </div> <!-- End of Ask Box DIV styling -->
  965. </div> <!-- End of Pop up Ask lINK -->
  966.  
  967. <div class="main">
  968.  
  969.  
  970. <!--------------------------------------------------------------------------->
  971. <!-- Header Shit -->
  972. <!--------------------------------------------------------------------------->
  973.  
  974.  
  975. {block:IndexPage}
  976. <div class="header">
  977.  
  978. <div class="htitle"> {text:Header Title}
  979. <span style="font-size:30px">;</span></div> <!-- End of Header Title -->
  980.  
  981. <div class="htquote">{text:Header Subtitle}</div>
  982. <div class="hquote">{text:Header Hover Subtitle}</div>
  983.  
  984. </div> <!-- End of Header -->
  985. {/block:IndexPage}
  986.  
  987.  
  988.  
  989.  
  990. <!--------------------------------------------------------------------------->
  991. <!-- Posts + Shit -->
  992. <!--------------------------------------------------------------------------->
  993.  
  994. <div class="content">
  995. {block:Posts}
  996.  
  997. <article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}">
  998. <section class="post">
  999.  
  1000.  
  1001.  
  1002. <!---------------------------------------------------
  1003. AUDIO POSTS
  1004. ---------------------------------------------------->
  1005.  
  1006. {block:Audio}
  1007. <div class="audioplayer">
  1008. <div id="player">{AudioPlayerWhite}</div>
  1009. {block:TrackName}
  1010. <div class="artist">{TrackName}</div>
  1011. {/block:TrackName}
  1012. <div class="mgif"><img src="http://static.tumblr.com/9pxhvqx/Or3o2zq2l/aoba-johsai-music-gif.gif"></div>
  1013. </div>
  1014. {/block:Audio}
  1015.  
  1016.  
  1017.  
  1018.  
  1019.  
  1020.  
  1021. {block:Photo}
  1022. <div class="media">
  1023. {LinkOpenTag}
  1024. <img src="{PhotoURL-500}">
  1025. {LinkCloseTag}
  1026. </div>
  1027. {/block:Photo}
  1028. {block:Photoset}
  1029. <div class="media photoset">
  1030. <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>
  1031. </div>
  1032. {/block:Photoset}
  1033. {block:Video}
  1034. <div class="media video">{Video-500}</div>
  1035. {/block:Video}
  1036.  
  1037.  
  1038. <!---------------------------------------------------
  1039. QUESTIONS AND ANSWERS POSTS
  1040. ---------------------------------------------------->
  1041. {block:Answer}
  1042. <div class="question">
  1043. <div class="sender">{Asker} <span style="font-size:30px">;</span></div>
  1044. <span class="inquiry">{Question}</span>
  1045. </div>
  1046. <div class="answer text">{Answer}</div>
  1047. {/block:Answer}
  1048.  
  1049. <!---------------------------------------------------
  1050. CHATO POSTS
  1051. ---------------------------------------------------->
  1052.  
  1053.  
  1054. {block:Chat}
  1055. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  1056. <ul class="chat text">
  1057. {block:Lines}
  1058. <li class="line">
  1059. {block:Label}
  1060. <span class="label">{Label}&nbsp; </span>
  1061. {/block:Label}
  1062. {Line}
  1063. </li>
  1064. {/block:Lines}
  1065. </ul>
  1066. {/block:Chat}
  1067. {block:Link}
  1068. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  1069. {block:Description}<div class="text">{Description}</div>{/block:Description}
  1070. {/block:Link}
  1071.  
  1072.  
  1073. {block:Quote}
  1074. <div class="quote text">{Quote}</div>
  1075. {/block:Quote}
  1076.  
  1077. {block:Text}
  1078. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  1079. <div class="text">{Body}</div>
  1080. {/block:Text}
  1081. {block:Caption}
  1082. <div class="caption text">{Caption}</div>
  1083. {/block:Caption}
  1084.  
  1085.  
  1086.  
  1087. {block:Date}
  1088. <div class="date accent text">
  1089. <a class="permalink" href="{Permalink}"> {Month} {DayOfMonthWithZero} {Year} </a>
  1090. <div class="nn"><a href="{Permalink}">{block:NoteCount}{NoteCount}N{/block:NoteCount} </a>
  1091. </div>
  1092.  
  1093.  
  1094.  
  1095. <div id="dropthebass">
  1096. <div class="svgicons">
  1097.  
  1098.  
  1099. <!-- Like Button -->
  1100. <a href="" class="like">{LikeButton}
  1101. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg></a>
  1102.  
  1103. <!-- Reblog Button -->
  1104. <a href="{ReblogURL}" class="reblog">
  1105. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg>
  1106. </a>
  1107.  
  1108. {block:ifShowTags}
  1109. {block:HasTags}
  1110. <div id="stags">{block:Tags}<a href="{TagURL}" a title="{Tag}">
  1111. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 524.237 524.237" style="enable-background:new 0 0 524.237 524.237;" xml:space="preserve"><g><g><path d="M209.95,465.552c3.117,3.117,7.367,4.533,11.9,4.533h0.283c4.533,0,8.783-1.7,11.9-4.817l183.6-188.983 c6.517-6.8,6.517-17.283-0.283-23.8L220.15,55.569c-3.117-3.117-7.65-4.817-11.9-4.817l0,0L18.133,51.035 c-9.35,0-17,7.367-17,16.717L0,254.469c0,4.533,1.7,9.067,5.1,12.183L209.95,465.552z M35.133,84.752l166.033-0.567l180.2,180.2 l-160.083,164.9L34,247.385L35.133,84.752z"/><path d="M321.017,77.669c-6.8,6.517-6.8,17.283-0.283,24.083l162.633,165.467L311.383,444.585 c-6.517,6.8-6.233,17.567,0.283,24.083c3.4,3.117,7.65,4.817,11.9,4.817c4.533,0,8.783-1.7,12.183-5.1l183.6-189.267 c6.517-6.517,6.517-17.283,0-23.8L345.1,77.952C338.3,71.435,327.533,71.152,321.017,77.669z"/><circle cx="118.15" cy="163.235" r="6.233"/><path d="M118.15,140.002c-12.75,0-23.233,10.483-23.233,23.233s10.483,23.233,23.233,23.233s23.233-10.483,23.233-23.233 C141.1,150.485,130.9,140.002,118.15,140.002z M118.15,174.002c-5.95,0-10.767-4.817-10.767-10.767 c0-5.95,4.817-10.767,10.767-10.767c5.95,0,10.767,4.817,10.767,10.767C128.917,169.185,124.1,174.002,118.15,174.002z"/></g></g></svg>
  1112. </a>{/block:Tags}
  1113. </div> <!-- End of Stags -->
  1114. {/block:HasTags}
  1115. {/block:ifShowTags}
  1116.  
  1117. </div> <!-- End of Drop the bass -->
  1118. </div> <!-- End of SVG -->
  1119.  
  1120.  
  1121.  
  1122. </div>
  1123. {block:PermalinkPage}
  1124. <div id="postnotes">
  1125. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1126. </div>
  1127.  
  1128.  
  1129. {/block:PermalinkPage}
  1130. {/block:Date}
  1131.  
  1132.  
  1133.  
  1134.  
  1135.  
  1136. </section>
  1137. </article>
  1138. {/block:Posts}
  1139. <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
  1140. </div>
  1141.  
  1142.  
  1143.  
  1144.  
  1145.  
  1146.  
  1147.  
  1148.  
  1149. </div>
  1150. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1151. <script src="http://static.tumblr.com/whx9ghv/lSGm6k18m/jquery.scrollto-1.4.2-min.js"></script>
  1152. <script src="http://static.tumblr.com/whx9ghv/GJEm6k188/jquery.localscroll-1.2.7-min.js"></script>
  1153. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1154. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  1155.  
  1156. <!--- TOOL TIPS --->
  1157. <script src="http://static.tumblr.com/3lcgguq/DCPn25qvq/jquery.style-my-tooltips.js"></script>
  1158. <script src="http://static.tumblr.com/3lcgguq/Eifn25qw3/style-my-tooltips.css"></script>
  1159. <script>
  1160. (function($){
  1161. $(document).ready(function(){
  1162. $("[title]").style_my_tooltips({
  1163. tip_follows_cursor:true,
  1164. tip_delay_time:200,
  1165. tip_fade_speed:300,
  1166. attribute:"title"
  1167. });
  1168. });
  1169. })(jQuery);
  1170. </script>
  1171.  
  1172. <!-- Pop Up -->
  1173.  
  1174. <script>
  1175. $(document).ready(function() {
  1176. //
  1177. $('a.poplight[href^=#]').click(function() {
  1178. var popID = $(this).attr('rel'); //Get Popup Name
  1179. var popURL = $(this).attr('href'); //Get Popup href to define size
  1180. var query= popURL.split('?');
  1181. var dim= query[1].split('&');
  1182. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  1183. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/9pxhvqx/Mido7rstb/tumblr_inline_n2aj54kxoa1r7v6wt.png" class="btn_close" title="close" alt="escape" /></a>');
  1184. var popMargTop = ($('#' + popID).height() + 80) / 2;
  1185. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  1186. //Apply Margin to Popup
  1187. $('#' + popID).css({
  1188. 'margin-top' : -popMargTop,
  1189. 'margin-left' : -popMargLeft
  1190. });
  1191. $('body').append('<div id="fade"></div>');
  1192. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  1193. return false;
  1194. });
  1195. $('a.close, #fade').live('click', function() {
  1196. $('#fade , .popup_block').fadeOut(function() {
  1197. $('#fade, a.close').remove(); //fade them both out
  1198. });
  1199. return false;
  1200. });
  1201. });
  1202. </script>
  1203.  
  1204.  
  1205.  
  1206.  
  1207. {block:IndexPage}
  1208. {block:ifInfiniteScroll}
  1209. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1210. {/block:ifInfiniteScroll}
  1211. {/block:IndexPage}
  1212. <script>
  1213. $(document).ready(function(){
  1214. $('.photo-slideshow').pxuPhotoset({
  1215. lightbox: true,
  1216. rounded: false,
  1217. gutter: '1px',
  1218. photoset: '.photo-slideshow',
  1219. photoWrap: '.photo-data',
  1220. photo: '.pxu-photo'
  1221. });
  1222. var $container = $('.content');
  1223. {block:ifInfiniteScroll}
  1224. $container.infinitescroll({
  1225. itemSelector: '.entry',
  1226. navSelector: '.pagination',
  1227. nextSelector: '.next',
  1228. loadingImg: '',
  1229. loadingText: '<em></em>',
  1230. bufferPx: 2000
  1231. },
  1232. function( newElements ) {
  1233. var $newElems = $( newElements );
  1234. $newElems.find('.photo-slideshow').pxuPhotoset({
  1235. lightbox: true,
  1236. rounded: false,
  1237. gutter: '1px',
  1238. photoset: '.photo-slideshow',
  1239. photoWrap: '.photo-data',
  1240. photo: '.pxu-photo'
  1241. });
  1242. resizeVideos();
  1243. });
  1244. {/block:ifInfiniteScroll}
  1245. });
  1246. </script>
  1247.  
  1248.  
  1249.  
  1250. </body>
  1251. </html>
Advertisement
Add Comment
Please, Sign In to add comment